Внешний 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.
|
Часовой пояс GMT +3, время: 03:28. |