Sam Trammell

Вот спасибо!))) Вот спасибо!)))

Очень круто! Только в IE левая колонка не отображается.(

Хочу, чтобы две колонки слева по высоте были равны той колонке, что справа. Я еще не совсем понимаю: если каркас д.б. резиновый, то все величины - в %? Нет?

Хотя... Если задавать ширину div-ам в % - всё в порядке, если длину - всё пропадает. (Это я балуюсь с твоим примером). Сайт ведь резиновый...((

Да. Спасибо. Расцеловала бы...)

Теперь по существу уже можно? Или еще что-то не так?)

2) Я не знаю как это сделать.

Верстаю резиновый сайт на div-ах. Всего три блога: 2 слева один над другим, 3-ий справа. Проблема в том, что в разных браузерах отображается по-разному: если в FF всё нормально, то в IE div-ы либо наслаиваются... и наоборот. <div id="page"> <div class="sid"> <div class="trans"></div> <div class="text"> Боковая flash-колонка (sidebar)</div> </div> <div id="page"> <div class="name"> <div class="trans"></div> <div class="text"> Логотип (Dream Design)</div> </div> <div class="note"> <div class="trans"></div> <div class="text"> Основная часть (page)</div> </div> <ul id="menu"> <li><a href="#">Главная</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Продукция</a></li> <li style="border:0 !important; font-family: Arial;"><a href="#">Контакты</a></li> </ul> </div> </div> CSS: #page{ position:absolute; top:0;bottom:0;right:0;left:0; z-index:1; height:100%; } .note{ border:0px solid #ddd; margin:2% 12% 0 0px; width:57%; float:right; min-height:80%; height:auto !important; position:relative; } .text{ position:relative; padding:10px; font-family: Arial; font-size: 14px; } .sid{ border:0px solid #ddd; width:18%; float:left; position:relative; min-height:53%; height:53%; margin-left: 12%; margin-top: 19%; } .name{ border:0px solid #ddd; width:18%; float:left; position:relative; min-height:25%; margin-top: 2%; margin-left: 12%; height: 25%; } ul#menu{ position:absolute; margin: 55% auto 0 2%; left:26%; font-size: 14px; font-family: Arial; } #menu li{ float:left; list-style:none; width:130px; text-align:center; border-right:1px solid #333; } #menu li a{ text-decoration:none; font-style: normal; color:#fff; border-bottom:1px dashed transparent; } #menu li a:hover{ text-decoration:none; color:#fff; border-bottom:1px dashed #ddd; } Хелп!