такой вариант подойдёт?
CODE ( htmlphp):
скопировать код в буфер обмена
<!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> <title>thanks to freikorpse</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> * {text-align:center;} #main {width:100%; height:auto; overflow:hidden; } #hat {width:inherit; height:50px; background-color:green;}
#left_block { float:left; background-color:red; width:30%; margin-bottom: -10000000px; padding-bottom: 10000000px;} #right_block { float:left; background-color:yellow; width:30%; margin-bottom: -10000000px; padding-bottom: 10000000px;} #text_block { float:left; background-color:blue; height:300px; width:40%; } #foot { background-color:black; width:100%; height: 10%; } .clear {clear:both;} </style> </head> <body> <div id="main"> <div id="hat"><p>this is hat</p></div> <div id="left_block"> <p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a> </p> </div> <div id="text_block"><p>this is center</p></div> <div id="right_block"> <p><a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Правильный CSS!" /></a></p> </div> </div> <div id="foot"><span style="color:white;">this is foot<br /> thanx to freikorpse ))</span></div> </body> </html>
(Отредактировано автором: 05 Апреля, 2010 - 19:13:18)
|
Главная
Помощь
Поиск
Пользователи
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)
Описание: Расположение блоков DIV
