Внешний css файл
Вложений: 1
Здравствуйте,
Проблема следующая у меня css код со стилям не работает если я его помещаю во внешний файл ,а в теге указываю ссылку на него <link rel="stylesheet" type="text/css" href="style.css">,но если я этот код вставлю в сам файл не посредственно,то тогда проблем не возникает,только у меня не один php файл,и чтобы в дальнейшем не возникало проблем при редактировании,мне нужно стили поместить в один общий файл.В чем может быть причина проблемы? Заранее спасибо. |
Цитата:
|
Вот этот код аботает если непосредственно в страничку его ставить:
<style type="text/css"> #layer2 { left:10; right:250; position: absolute; /* Абсолютное позиционирование */ z-index: 2; /* Порядок слоев */ } #layer3 { left: 0; /* Положение от левого края окна */ top: 0; /* Положение от верхнего края */ position: fixed; /* Абсолютное позиционирование */ z-index: 3; /* Порядок слоев */ } #layer35 { right: 0; /* Положение от левого края окна */ top: 100; /* Положение от верхнего края */ position: fixed; /* Абсолютное позиционирование */ z-index: 3; /* Порядок слоев */ } #layer4 { right: 50; /* Положение от левого края окна */ top: 100; /* Положение от верхнего края */ position: fixed; /* Абсолютное позиционирование */ z-index: 3; /* Порядок слоев */ } </style> <!--[if IE]> <style type="text/css"> #layer2 { right:250; position: absolute; /* Абсолютное позиционирование */ z-index: 2; /* Порядок слоев */ } #layer3 { left: 0; /* Положение от левого края окна */ position: absolute; top: expression(document.getElementsByTagName( 'body' )[0].scrollTop + "px"); z-index: 3; /* Порядок слоев */ } #layer35 { right: 0; /* Положение от левого края окна */ position: absolute; top: expression(document.getElementsByTagName( 'body' )[0].scrollTop + 100 + "px"); z-index: 3; /* Порядок слоев */ } #layer4 { right: 50; /* Положение от левого края окна */ top: 100; /* Положение от верхнего края */ position: absolute; top: expression(document.getElementsByTagName( 'body' )[0].scrollTop + 100 + "px"); z-index: 4; /* Порядок слоев */ } </style> <![endif]--> Но мне нужно через внешний файл. |
Почему вы два тега style пытаетесь запихнуть в один внешний файл?
|
Я о внешний файл не вписываю тег style,вы предлагаете вписать?
|
Вам предлагают убрать условный комментарий из css файла.
|
А как тогда браузер поймет,что вторая часть стилей для IE,а первая часть для всех остальных браузеров?
|
Для IE делается отдельный css файл с необходимыми хаками и workaround'ами. Потом в html просто пишете
<link rel="stylesheet" type="text/css" href="style.css"> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="style_ie.css"> <![endif]--> |
Оказывается как всё просто :)
|
Ну да, это и логично: зачем загрязнять основной css шлаком, призванным образумить IE.
|
Всем спасибо,теперь всё пашет.
|
Можно ли настроить стиль, чтобы по классу фиксировалось внизу, а не вверху? —
.fixed { border-bottom: 0px solid #3F4041; POSITION:fixed; Z-INDEX:1000; margin:0px; margin-right:0px!important; padding-right:0px!important; right: 0px; bottom: 0px; POSITION:absolute; top:expression(document.getElementsByTagName( 'body' )[0].scrollTop + 'px'); padding:0px; width: 100%; background-color:#ffffff; } |
Часовой пояс GMT +3, время: 08:42. |