Да=) спасибо
|
Как сделать позиционирование блока относительно родительского блока?
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link href="style.css" rel="stylesheet" type="text/css"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div id=zaza> <div id=zaza2> <img src="top.jpg" width="1000px"> </div> <div id="zaza3"> </div> <div id="zaza4"> <div id=top> <img src="paper_top.jpg" width="800px" height="70px"> </div> <div id=left> <div id=img3> <img src="paper_left.jpg" height="300" width="100px"> </div> <div id="img4"> <img src="paper_left_priamaia.jpg" height="500" width="100px"> </div> </div> <div id=right> <div id="img1"> <img src="paper_right.jpg" height="300px" width="55px"> </div> <div id="img2"> <img src="paper_right_back.jpg" height="500px" width="55px"> </div> </div> <div id="zaza5"> </div> </div> </body> </html>
img {
display: block
}
#zaza {
width:1000px;
margin: 0px auto;
}
#zaza2 {
margin: 0px auto;
width: 990px;
}
#zaza3 {
float: left;
width: 200px;
}
#zaza4 {
float: left;
width: 800px;
}
#zaza5 {
width: 645px;
position: relative;
left:100px;
background: url("paper_back.jpg");
height: 800px;
}
#top{
vertical-align: top;
height: 70px;
}
#left{
float: left;
}
#right{
float: right;
}
#img1{
float: right;
}
#img2{
clear: right;
}
#img3{
float: left;
}
#img4{
clear: left;
}
Вот вариант блочной верстки |
Что скажите?
|
справа шапка и правая колонка не на обной линии:
#zaza2 {
margin: 0px auto;
width:990px;
}
Меньше на 10px -- так задумано? :) UPD И провалидируй код, в конце концов --   вместо , атрибуты вне кавычек... Фу! :) |
А как сделать на одной посоветуй=)
А 10 пикселей поправил уже=) Свойства поправлю а   вообще просто так стоит |
Хм... Ну вот если поправил, то должно быть на одной. Из-за етих 10-ти и сползало
|
Всё норм
|
JSprog,
открой для себя клавишу Tab! |
| Часовой пояс GMT +3, время: 03:45. |