Представляю Вашему вниманию следующию задачу:
есть макет страницы [attachment=930:attachment], которую с легкостью можно реализовать табличной версткой, но нужно это сделать при помощи CSS.
У меня получился следующий код
Код:
<style>
#m_body {
****width: 800px;
****position: absolute;
****top: 10px;
****left: 50%;
****margin-left: -400px;
}
#b1 {
*width: 206px; height: 156px;
*background-color: Aqua;
*float: left;
****overflow: hidden;
}
#b2 {
*width: 594px; height: 110px;
*background-color: Blue;
*float: left;
****overflow: hidden;
}
#b3 {
*width: 189px; height: 46px;
*background-color: Fuchsia;
*float: left;
****overflow: hidden;
}
#b4 {
*width: 185px; height: 270px;
*background-color: Green;
*float: right;
****overflow: hidden;
}
#b5 {
*width: 220px; height: 270px;
*background-color: Lime;
*float: right;
****overflow: hidden;
}
#b6 {
*width: 160px; height: auto;
*background-color: Maroon;
*float: left;
}
#b7 {
*width: 235px; height: auto;
*background-color: Navy;
*float: left;
}
#b8 {
*width: 405px; height: auto;
*background-color: Olive;
*float: left;
}
#b9 {
*width: 800px; height: 75px;
*background-color: Purple;
*clear: left;
****overflow: hidden;
}
</style>
</head>
<body>
<div id="m_body">
****<div id="b1"><script>for (i=0; i<300; i++)document.write('b1 ');</script></div>
****<div id="b2"><script>for (i=0; i<300; i++)document.write('b2 ');</script></div>
****<div id="b3"><script>for (i=0; i<300; i++)document.write('b3 ');</script></div>
****<div id="b4"><script>for (i=0; i<300; i++)document.write('b4 ');</script></div>
****<div id="b5"><script>for (i=0; i<300; i++)document.write('b5 ');</script></div>
****<div id="b6"><script>for (i=0; i<300; i++)document.write('b6 ');</script></div>
****<div id="b7"><script>for (i=0; i<300; i++)document.write('b7 ');</script></div>
****<div id="b8"><script>for (i=0; i<300; i++)document.write('b8 ');</script></div>
****<div id="b9"><script>for (i=0; i<300; i++)document.write('b9 ');</script></div>
</div>
</body>
Но вся проблема, что высота колонок b6, b7 и b8 неизвестна.
Вопрос: как выравнять высоту этих колонок?
з.ы. Пробывал height=100% и указание нужных отступов, но у менея не работает (высота никак не хочет становиться 100%)
Заранее спасибо