Jump to content

Raynor

Newbie
  • Posts

    10
  • Joined

  • Last visited

Everything posted by Raynor

  1. Нужно разместить 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 ничего крамольного не нашёл Спасибо.
  2. Спасибо. Уже поковырял инет, нашёл описание двух способов здесь: Маниакальный Веблог » Раскладка в CSS: float, Обошёлся без переделывания бэка вот так: padding-bottom:32767px; margin-bottom:-32767px; В FF, Opera - работает, в IE попозже посмотрю.
  3. Да, видимо ещё оно, не зря пишу именно в раздел для новичков Ваш вариант понятен, спасибо, если других вариантов не будет, воспользуюсь. Но меня прежде всего интересует именно возможность CSS-выравнивания блоков по высоте. Есть она или нет. Если есть, пусть даже не самым элегантным образом реализуемая, прошу поделиться знаниями Спасибо.
  4. Колонки по высоте плавающие, вот сами стили для них: Бэки у всех колонок сейчас отображаются по высоте контента в колонках, что и хочется избежать - единая высота бэков. Центральная колонка (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; }
  5. Подскажите, пожалуйста, как сделать, чтобы все 3 колонки были 100% растянуты по высоте самой высокой из них? Спасибо. <div id='wrapper'> <div id='left'>...</div> <div id='middle'>...</div> <div id='right'>...</div> </div>
  6. Raynor

    jQuery popup

    Есть галерея фоток, на страницах отображаются превьюхи, хочется сделать красивые поп-апы для полноразмерного просмотра. Подскажите, плиз, простой плагин (или может даже не плагин, а сниппет) для всплывающего окна. Что-то типа http://plugins.jquery.com/project/floatbox с fade (вот пример http://odrademos.webs.com/jqueryfloatbox.htm). Но требуется, чтобы размер по вертикали и горизонтали был различный - в зависимости от размера изображения. В самом окне - только картинка, ну и какой-то способ его закрыть (ссслка, клик по картинке и т.д., это уже не так важно). Буду благодарен за помощь! UP: Пока нашёл UI/Dialog, попробую. UP: Ещё нашёл jQuery Lightbox Plugin (balupton edition), похоже, это то, что мне и нужно. UP: А вот и братская тема нашлась, Думаю, вопрос закрыт
  7. Всем спасибо за помощь! Сделал ещё один 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>
  8. Вот при таком раскладе, следуя приведённому совету, получаю прилипание картинки к низу экрана, но не к низу 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; }
  9. Требуется с помощью css прилепить div к нижней границе контейнера (td/div). Что-то типа valign=bottom , который в данном случае не подходит, так как другие элементы, находящиеся в контейнере, должны отображаться как обычно (valign=top). Попробовал через position:relative, но что ещё там настраивать не понял... как правильно bottom задать? Заранее благодарю за помощь.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy