Представляю Вашему вниманию следующию задачу:
есть макет страницы [attachment=930:attachment], которую с легкостью можно реализовать табличной версткой, но нужно это сделать при помощи CSS.
У меня получился следующий код
Но вся проблема, что высота колонок b6, b7 и b8 неизвестна.Код:<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>
Вопрос: как выравнять высоту этих колонок?
з.ы. Пробывал height=100% и указание нужных отступов, но у менея не работает (высота никак не хочет становиться 100%)
Заранее спасибо
