Ritter

Не подходит, после прокрутки страницы, футер поднимается.

Запутался. Сайт двухблочный, с левым float и с правым float в основном блоке с фикс. шириной. Нужно прижать футер к низу. Что делаю: body, html - height 100% основной блок - min-height 100% распорка - height: 80px, clear: both футер - height: 80px, margin-top:-80px, width:100% Метод работает, только если левому и правому блоку (которые с float) задать фиксированную высоту, а если убрать, то метод уже не работает.

да, сделал 1 пикселем. заморочился излишне.

Тему не знал обозвать, но смысл вроде ясен. В общем, сделал блок полупрозрачным, например так: #page { background-color: #eeeeee; opacity:0.5; } в него хочу поместить элементы, картинки и текст, например так: <div id="page"> <p>Жили-были дед да баба, ели кашу с молоком...</p> </div> Логично, текст становится тоже полупрозрачным. Вот как сделать его без стиля opacity, т.е. прозрачный только фон. margin'ом можно натянуть, но это не то. Прошу помощи.

Ой, как я не догадался! Спасииибо за наводку!

Хочется так: div —-border—- div —-bodrer—- div Сделал бы через rules, но опера как известно не видит тег. Делал через php такую штуку (последнему div вписывался другой стиль), но щас нужно через css. Я не знаю как это делать, пробывал тут поискать, не нашел... Есть варианты (для популярных браузеров) ?

Пока сам хочу разобраться, почему так, где я накосячил. Здесь напишу тогда напишу после.

Источник проблемы нашел, в правом блоке стоит ссылка вида: <a class="lalo" href=""><span>ссылка</span></a> .lalo a { background: url('../image/button-left.png') no-repeat scroll left top transparent; color: #171717; display: inline-block; padding-left: 7px; font-size: 14px; } .lalo span { background: url('../image/button-right.png') no-repeat scroll right top transparent; display: block; padding: 11px 27px 10px 8px; } inline-block в опере мешает...

Сразу скажу, что во всех браузера (и даже ie6, ie 7), всё гуд. Но опера в своем репертуаре. Пример: <div id="content"> width:960px; margin:0 auto; <div class="left"> float:left;width:250px;padding-right:10px; </div> <div class="right"> float:right;width:700px; </div> </div> <div id="footer"> clear:both;width:960px;height:120px;margin: 0 auto; </div> В опере футер накладывается на правый блок. Опера 11.

Понял тебя, щас сделаю родительскому, так полюбому работать будет как надо. Туплю блин, болею ((

Там помимо узора, фон-рисунок "типо ткань", если я поставлю только цвет, он будет заметно отличаться. Т.е. как я хочу сделать не получиться?

Да это понятно, но у боковых то узор, поэтому вариант только картинкой повторять по левой и правой стороне.

_http://ie1918.ru/_ Хочу чтобы картинка по середине была основной (header-menu-fon-center), а левый блок (header-menu-fon-left) и правый блок (header-menu-fon-right) при меньшем разрешении уходили под него. Т.е. с уменьшением окна браузера, уменьшались левый и правый блок до полного исчезновения.

Уже решил вопрос, так: .header-menu-fon-center { background: url('image/header-menu-fon.jpg'); width: 66%; height: 146px; background-repeat: no-repeat; margin: 0 auto; } .header-menu-fon-left { background: url('image/header-menu-fon-left.jpg') repeat-x; width: 17%; height: 146px; float: left; } .header-menu-fon-right { background: url('image/header-menu-fon-left.jpg') repeat-x; width: 17%; height: 146px; float: right; } На самом деле изначально у меня был вопрос такой: картинка в центре имеет ширину 1300, по бокам картинки в резине повторяются. Вот как сделать, чтобы правый блок уходил под блок в центре (а не на него) ?

Не могу разобраться как сделать 3-х блочный header. По центру фикс, по бокам резина. По коду, думаю, понятно что хочу сделать: #header-menu-fon { width: 100%; } .header-menu-fon-center { background: url('image/header-menu-fon.jpg')no-repeat; width: 1300px; height: 146px; margin: 0 auto; } .header-menu-fon-left { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: left; } .header-menu-fon-right { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: right; } Пробывал разные вариант, в том числе width:100% у боковых, но в место повтора, картинка растягивается. Туплю... Подтолкните.

В общем, решил проблему минусом margin-right.

text-align, пробывал, с самого начала. в IE 7 это не пашет, в других браузерах работает. Аналогично, с margin.

<td align="center" style="width: 250px; border-right:1px dotted #e1e1e1;" valign="top"> <a href="...."> <img src="....."/> </a> </td> Картика встает по центру блока во всех браузерах, кроме ie7. В ie7 слева. Как сделать по центру?

Ох!!! Простите!!!! Удалите эту глупую тему! Голова нагрелась и забыл закрыть <form>

Мда... У меня так и сделано. Все равно вытягивает сайт в браузере ie7/ie6 ! А вот если сохранить копию html, и открытить её в тех же браузерах, смотрится как надо

Это я тут ошибся, на деле: <table> <tbody> <tr> <td> ...... </td> </tr> </tbody> </table> И всё такие есть способ нормальный выводить в таблице select или нет в ie7?

Т.е. таблицой не получится? Сделать дивами? Хотелось именно таблицой...

Сделал, что то типа: <table> <tr> <td> фотка </td> <td> Название<br /> Описание<br /> Выбор опций <select name="..."> код <option value="..."> код </option> </select> </tr> </td> </table> Так вот в браузере ie 7 (ie 6 тоже) тег select, option вытягивают таблицу вниз насколько позволяют раскрываться эти теги. В остальных браузерах, как всегда, всё отлично. Как исправить это?

Вопрос еще открыт

Помогите сделать внутри таблицы/блока границу border отступами вида: Не понимаю как это сделать. тег rules не подходит....