Raynor

Спасибо!

Нужно разместить 2 блока в контейнере. Требуется правый блок фиксированной ширины, а левый - вся остальная ширина. Сделал вот так: <style> #container { width: 100%; margin: 0 auto; overflow: hidden; } #lbody { float: left; width: 70%; } #rbody { float: right; width: 30%; min-width: 220px; } </style> <div id='container'> <div id='lbody'>...</div> <div id='rbody'>...</div> </div> Проблема в том, правый блок уходит под левый, приходится уменьшать ширину левого на пару процентов, чтобы разместились нормально. Смотрел в FF, Что в стилях не так? Firebug ничего крамольного не нашёл Спасибо.

Спасибо. Уже поковырял инет, нашёл описание двух способов здесь: Маниакальный Веблог » Раскладка в CSS: float, Обошёлся без переделывания бэка вот так: padding-bottom:32767px; margin-bottom:-32767px; В FF, Opera - работает, в IE попозже посмотрю.

Да, видимо ещё оно, не зря пишу именно в раздел для новичков Ваш вариант понятен, спасибо, если других вариантов не будет, воспользуюсь. Но меня прежде всего интересует именно возможность CSS-выравнивания блоков по высоте. Есть она или нет. Если есть, пусть даже не самым элегантным образом реализуемая, прошу поделиться знаниями Спасибо.

Колонки по высоте плавающие, вот сами стили для них: Бэки у всех колонок сейчас отображаются по высоте контента в колонках, что и хочется избежать - единая высота бэков. Центральная колонка (middle) - декоративная, без контента, там бэк вообще не отображается. #wrapper { width:1000px; margin:0 auto; overflow:hidden; } #left { float:left; width:277px; } #middle { float:left; width:38px; background: url(...) repeat-y; } #right { float:right; width:685px; background: url(...) repeat-y; background-position: right top; }

Подскажите, пожалуйста, как сделать, чтобы все 3 колонки были 100% растянуты по высоте самой высокой из них? Спасибо. <div id='wrapper'> <div id='left'>...</div> <div id='middle'>...</div> <div id='right'>...</div> </div>

Есть галерея фоток, на страницах отображаются превьюхи, хочется сделать красивые поп-апы для полноразмерного просмотра. Подскажите, плиз, простой плагин (или может даже не плагин, а сниппет) для всплывающего окна. Что-то типа http://plugins.jquery.com/project/floatbox с fade (вот пример http://odrademos.webs.com/jqueryfloatbox.htm). Но требуется, чтобы размер по вертикали и горизонтали был различный - в зависимости от размера изображения. В самом окне - только картинка, ну и какой-то способ его закрыть (ссслка, клик по картинке и т.д., это уже не так важно). Буду благодарен за помощь! UP: Пока нашёл UI/Dialog, попробую. UP: Ещё нашёл jQuery Lightbox Plugin (balupton edition), похоже, это то, что мне и нужно. UP: А вот и братская тема нашлась, Думаю, вопрос закрыт

Всем спасибо за помощь! Сделал ещё один div внутри td, всё получилось. <td> ... <div style='position: relative;height:300px'> ... <div id='decor_phone'> <img src='images/decor_phone.gif' width='227' height='221' border='0' alt='' /> </div> </div> </td>

Вот при таком раскладе, следуя приведённому совету, получаю прилипание картинки к низу экрана, но не к низу td. Подскажите, плиз, что не так? <td class='td1'> <div id='decor_phone'> <img src='images/decor_phone.gif' ... /> </div> </td> .td1{ position: relative; width: 300px; vertical-align: top; } #decor_phone { position: absolute; bottom: 0; }

Требуется с помощью css прилепить div к нижней границе контейнера (td/div). Что-то типа valign=bottom , который в данном случае не подходит, так как другие элементы, находящиеся в контейнере, должны отображаться как обычно (valign=top). Попробовал через position:relative, но что ещё там настраивать не понял... как правильно bottom задать? Заранее благодарю за помощь.