Подскажите, что не так в CSS?
Вот картинка:
[ATTACH=CONFIG]4968[/ATTACH]
Вот код CSS:
Вот вызов в index.php:
[html]
<div align="center" id="main">
<div id="first_header"></div>
<div id="second_header"></div>
<div id="third_header"></div>
</div>
[/html]
Вопрос: почему у меня третья часть изображения сваливается вниз??? как исправить???
[ATTACH=CONFIG]4968[/ATTACH]
Вот код CSS:
Код:
#main {
width: 1100;
height: 150;
}
#first_header{
background-image: url(images/sides_top.gif);
width: 20px;
height: 150px;
float: left;
}
#second_header{
background-image: url(images/bg_header.gif);
width: 1060px;
height: 150px;
float: none;
}
#third_header{
background-image: url(images/sides_top.gif);
width: 20px;
height: 150px;
background-position: -20px;
float: right;
clear:rihgt;
}
body {
background: #aca8a1;
}
width: 1100;
height: 150;
}
#first_header{
background-image: url(images/sides_top.gif);
width: 20px;
height: 150px;
float: left;
}
#second_header{
background-image: url(images/bg_header.gif);
width: 1060px;
height: 150px;
float: none;
}
#third_header{
background-image: url(images/sides_top.gif);
width: 20px;
height: 150px;
background-position: -20px;
float: right;
clear:rihgt;
}
body {
background: #aca8a1;
}
Вот вызов в index.php:
[html]
<div align="center" id="main">
<div id="first_header"></div>
<div id="second_header"></div>
<div id="third_header"></div>
</div>
[/html]
Вопрос: почему у меня третья часть изображения сваливается вниз??? как исправить???
для всех поставь float:left. А вобще лучше используй таблици в таких случаях
Разобрался.
Вот эта конструкция помогла
Вот эта конструкция помогла
Код:
#second_header{
background-image: url(images/bg_header.gif);
height: 150px;
width: 1060px;
margin: 0 20px 0 20px;
position: absolute;
background-image: url(images/bg_header.gif);
height: 150px;
width: 1060px;
margin: 0 20px 0 20px;
position: absolute;