Не работае таблица стилей в IE (в Opera всё работает отлично.)

slo_nik · November 3, 2008

Помогите, пожалуйста, решить проблему с таблицами стилей.

Есть страница сайта, оформленная при помощи слоёв.При просмотре в Opera, всё работает отлично, но когда смотришь через IE, впечатление, что таблица стилей вообще не подключается и поэтому всё оформление просто "разваливается".

С такой проблемой столкнулся впервые, если раньше и возникали проблемы, то это касалось отдельных элементов страницы и устранить проблему не составляло большого труда.

Подключаю css

<link href="stylecss.css" type="text/css" rel="stylesheet" />

Часть файла css, так задаю стиль для слоя

#layer_1 { 
position:relative; 
top:105px; 
left:510px; 
z-index:1; 
border:3px solid #70685A; 
width:500px; 
height:500px; 
background-color:#585245;" 
}

Ну и применение стиля к слою на странице

<div id="layer_1> 
<?php include("include/main.php"); ?> 
</div>

<!DOCTYPE прописываю

Vlad · November 4, 2008

Кавычку в стиле убери.

rus · November 4, 2008

<div id="layer_1> одной кавычки не хватает

slo_nik · November 4, 2008

Вот полный код страницы index и файла css. В Opera и Mozilla Firefox всё работает,в IE работает если прописать через

<div style="..."></div>

, но это не очень удобно.

Поэтому мне интересно как заставить IE "понимать" слои через подключаемую таблицу стилей?

index

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Главная страница</title>
<link rel="stylesheet" type="text/css" href="stylecss.css" />
</head>
<body>

<!--слой номер один-->
<div id='layer_1'>
<p>Слой 1</p>
</div>
<!--слой номер пять-->
<div id='layer_5'>
 <p>Слой 5</p>
</div> 
<!--слой номер два-->
<div id='layer_2'>
 <p>Слой 2</p>
</div>
<!--слой номер три-->
<div id='layer_3'>
<p>Слой 3</p>
<p>Слой 3</p>
<p>Слой 3</p>
<p>Слой 3</p>
<p>Слой 3</p>
</div>
<!--слой номер четыре-->
<div id='layer_4'>
 <p>Слой 4</p>
</div>

</body>
</html>

файл css

body {
background-color:#70685A;
}
.t_s{
border:1px solid #000000;
width:33%;
margin-top:20px;
margin-left:3px;
padding:5px;
background-color:#9C9680;
}
#layer_1 {
position:fixed;
top:105px;
left:510px;
z-index:1;
border:3px solid #70685A;
width:500px;
height:500px;
background-color:#585245;"
}
#layer_2 {
position:fixed;
top:172px;
left:250px;
z-index:2;
border:3px solid #70685A;
width:610px;
height:400px;
background-color:#585245;
}
#layer_3{
width:150px;
position:fixed;
top:117px;
left:874px;
z-index:3;
padding:2px;
margin-top:55px;
background-color:#70685A;
}
#layer_4{
position:fixed;
top:543px;
left:492px;
z-index:4;
text-align:center;
}
#layer_5{
position:fixed;
top:126px;
left:493px;
z-index:6;
font-size:20px;
width:370px;
padding-top:2px;
padding-right:3px;
padding-bottom:2px;
background-color:#70685A;
}
p {
border:1px solid black;
margin-top:3px;
margin-bottom:3px;
margin-left:2px;
margin-right:2px;
padding:2px;
font-size:16px;
color:#CCCCCC;
background-color:#474238;
}

Anami · November 4, 2008

Будьте внимательнее при написании кода.

#layer_1 {
position:fixed;
top:105px;
left:510px;
z-index:1;
border:3px solid #70685A;
width:500px;
height:500px;
background-color:#585245;"
}

Кавычку после background-color убери и все заработает

slo_nik · November 4, 2008

Будьте внимательнее при написании кода.
#layer_1 {
position:fixed;
top:105px;
left:510px;
z-index:1;
border:3px solid #70685A;
width:500px;
height:500px;
background-color:#585245;"
}
Кавычку после background-color убери и все заработает

Спасибо за указку на ошибку.

Всё работает.

Ogalig · November 5, 2008

Тебе её указали ещё во втором посте. Бди внимательнее.

Sign In

Не работае таблица стилей в IE (в Opera всё работает отлично.)

Question

slo_nik

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

slo_nik

Link to comment

Share on other sites

Anami

Link to comment

Share on other sites

slo_nik

Link to comment

Share on other sites

Ogalig

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information