Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Внешний css файл (https://javascript.ru/forum/xhtml-html-css/19033-vneshnijj-css-fajjl.html)

faiq 23.07.2011 22:47

Внешний css файл
 
Вложений: 1
Здравствуйте,
Проблема следующая у меня css код со стилям не работает если я его помещаю во внешний файл ,а в теге указываю ссылку на него <link rel="stylesheet" type="text/css" href="style.css">,но если я этот код вставлю в сам файл не посредственно,то тогда проблем не возникает,только у меня не один php файл,и чтобы в дальнейшем не возникало проблем при редактировании,мне нужно стили поместить в один общий файл.В чем может быть причина проблемы?
Заранее спасибо.

Kolyaj 23.07.2011 22:49

Цитата:

<!--[if IE]>
Вот такого в CSS-файле быть не должно.

faiq 23.07.2011 23:10

Вот этот код аботает если непосредственно в страничку его ставить:
<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]-->
Но мне нужно через внешний файл.

Kolyaj 23.07.2011 23:14

Почему вы два тега style пытаетесь запихнуть в один внешний файл?

faiq 23.07.2011 23:20

Я о внешний файл не вписываю тег style,вы предлагаете вписать?

ваый 23.07.2011 23:23

Вам предлагают убрать условный комментарий из css файла.

faiq 23.07.2011 23:26

А как тогда браузер поймет,что вторая часть стилей для IE,а первая часть для всех остальных браузеров?

ваый 23.07.2011 23:29

Для 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]-->

faiq 23.07.2011 23:31

Оказывается как всё просто :)

ваый 23.07.2011 23:36

Ну да, это и логично: зачем загрязнять основной css шлаком, призванным образумить IE.

faiq 23.07.2011 23:51

Всем спасибо,теперь всё пашет.

hdma 08.10.2017 03:18

Можно ли настроить стиль, чтобы по классу фиксировалось внизу, а не вверху? —
.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.