правая и левая колонки растягивались в высоту, сейчас вот так
Код <p><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>Блочная вёрстка</title> <link rel="stylesheet" type="text/css" media="all" href="style.css"> </head></p> <p><style tyle="text/css"> * { margin: 0; padding: 0;} body { color: #000; font: normal 1.2em Verdana, Sans-serif; background: #fff; min-width:1000px;} div { padding: 10px;}</p> <p>#header { background: #eee;} #menuLeft { float: left; background: #ddd; width: 180px; height: 400px;} #menuRight { float: right; background: #ddd; width: 180px; height: 300px;} #content { background: #ccc; margin: 0 ; height: 100%; } #footer { clear: both; background: #bbb; } </style></p> <p><body> <div id="header"> "ШАПКА" </div></p> <p> <div id="menuLeft"> ЛЕВОЕ МЕНЮ </div></p> <p> <div id="menuRight"> ПРАВОЕ МЕНЮ </div></p> <p> <div id="content"> КОНТЕНТ страницы<br /> </div></p> <p> <div id="footer"> "ПОДВАЛ" </div> </body> </html> </p>
Добавлено 1 день назад
код некорректно отобразился, то же самое без тегов абзаца
Добавлено 1 день назад
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>Блочная вёрстка</title> <link rel="stylesheet" type="text/css" media="all" href="style.css"> </head></p> <style tyle="text/css"> * { margin: 0; padding: 0;} body { color: #000; font: normal 1.2em Verdana, Sans-serif; background: #fff; min-width:1000px;} div { padding: 10px;}</p> #header { background: #eee;} #menuLeft { float: left; background: #ddd; width: 180px; height: 400px;} #menuRight { float: right; background: #ddd; width: 180px; height: 300px;} #content { background: #ccc; margin: 0 ; height: 100%; } #footer { clear: both; background: #bbb; } </style></p> <body> <div id="header"> "ШАПКА" </div></p> <div id="menuLeft"> ЛЕВОЕ МЕНЮ </div></p> <div id="menuRight"> ПРАВОЕ МЕНЮ </div></p> <div id="content"> КОНТЕНТ страницы<br /> </div></p> <div id="footer"> "ПОДВАЛ" </div> </body> </html>
Ключевые слова: как сделать чтобы блоки были одинаковыми размером всегда, как сделать колонку одинаковой с контентом, как сделать два div одинакового размера,
Вам нужно сделать короче первый блок или 2 подвала? Или чтобы блоки автоматически удлинялись взовисимости друг от друга?
Ответить
тебе тут jqeru поможет зайди на сайт russeler. com раздел jqeru там есть тема по этой проблеме
Ответить