SelenIT

неужели?

А, речь про высоту... Ну можно перекинуть фон с body на html.

Да, этот момент упустил . Надо было добавить запрет переноса между #content и вертикальной распоркой, да накинуть несколько пикселей запаса для html, как-то так.

Как вариант

В красивом оформлении ничего плохого нет. Но не надо думать о каждом чисто декоративном элементе (всякие тени, рамочки, маркеры, "отбивки" с орнаментом и т.п.) как об отдельном блоке. Блок — это часть содержания, а визуального "мусора" в разметке должно быть как можно меньше (в идеале — ноль). Оформлять надо стилями. Сначала нужно повнимательнее присмотреться к блокам с контентом — почти наверняка как минимум половину этой красоты можно без потерь возложить на них. И лишь для оставшейся половины, когда иначе совсем никак, можно "пойти на сделку с совестью" и добавить пустой блок в разметку...

можно ли установить у div'а два разных background'а? Фиксированный, прижатый к нижнему краю, а второй - динамический? Да, можно: в новых браузерах — просто через запятую в св-ве background; в старых IE — динамический как обычно, а фиксированный через фильтр AlphaImageLoader с параметром sizing=crop. Правда, в IE с этим способом бывают подводные камни с кликабельностью ссылок и кнопок, попадающих на вторую картинку (лечится заданием для них position:relative). Так что пока самое надежное и практичное решение — вложить дивы друг в друга и задать внешнему повторяющийся фон, а внутреннему — нижний неповторяющийся.

И всё-таки, зачем тут float?

Сделайте h1 не плавающим, а строчным (display:inline), базовая линия текста выровняется по умолчанию.

Формы на одной странице? А где определена ф-ция ge()?

psywalker, честно говоря, я как-то раньше не задумывался о едином подходе к таким украшательствам, предпочитая действовать по ситуации (да и везло мне пока, нетривиальные украшения попадались лишь для однозначно фиксированных блоков, а резина таких вывертов не требовала). Честно говоря, в былые времена (при >20% IE7) вот эту конкретную тень (на однотонной подложке) я бы малодушно сделал "раздвижными дверями" в один спрайт из двух частей прямо на блоке-контейнере (хотя идеологически это, наверное, далеко от идеала). Но способ с абсолютом красив! Даже просится в плагин-украшатель для JQ, чтоб чисто, кроссбраузерно и наверняка. Единственное, что смущает в абсолютах (как обычно) — необходимость внимательно следить за z-index-ами, чтоб тень ненароком не залезла на какую-нибудь выпадающую менюшку или лайтбоксик... Новые технологии типа CSS3 соблазнительны, но как раз на примерах вроде этого видна их ограниченность. Если бы все браузеры красиво поддерживали SVG-фоны, имхо, тут это было бы уместно... но мечтать не вредно). А насчет текстов — это просто попытки сделать "самодокументирующийся" пример, далеко не всегда удачных, на самом деле

IE5.5-8 умеет 2 фона (через фильтр AlphaImageLoader), но второй фон не способен размножаться, может только обрезаться либо растягиваться (если очень прижмет, можно сделать картинку длинной полосой с разумным запасом). IE8 может хотя бы так. Но вообще не стоит заводить пустые элементы (даже псевдо-) ради визуальных украшений без крайней на то нужды, это пережиток лихих 90-х и рискованный шаг вбок от правильного пути, который указала sigma77.

Кстати, да, про круголки-то я забыл, с ними уже на что-то похоже

Жалко, что вот каким-то таким макаром задача "в лоб" не решается. Неудобно, что нельзя задать тени размытие в процентах, да еще по одной оси... или всё-таки как-то можно?

Для верстки лучше издательские системы. На крайняк, из наиболее приближенного к вебу — PDF Таблицы не для верстки, а для данных. Но и нынешний CSS не для верстки, а для оформления текста (врезки, выноски, рамки, с недавних времен тенюшки-закруглюшки... и, пожалуй, этим его верстальный арсенал исчерпывается). Инструмента специально для верстки в сегодняшнем вебе нет (лишь свалка разношерстных черновиков с неясными перспективами и чуть более чем никакой поддержкой через префиксы). А всё, что есть (таблицы, флоаты, абсолюты, инлайн-блоки и любые их гибриды) — суть хаки разной степени извра... упс, т.е. изящности. Так и живем...

"У меня котлеты с одной стороны пережарены и к ним иногда мухи прилипают. Вот фарш, вот масло, посмотрите, что неправильно?" Отделяйте ваши котлеты от мух. Если ищете проблему в верстке — забудьте на время про PHP, покажите код готовой сгенеренной страницы.

Можно через селекторы атрибутов. IE6 не поймет, но туда ему и дорога...

ПОЗДРАВЛЯЮ!!!

Телепательная машинка подсказывает, что речь о кнопке "Перейти", которой нужен float не left, а right, как-то так. Правда, в старых браузерах типа FF 3.0 может выйти не так красиво (кнопка сползет чуть ниже), но имхо не критично.

Телепательная машинка подсказывает, что ситуация у ТС следующая: select ограничен шириной меньшей, чем у самой длинной опции, поэтому выпадающая часть оказывается шире его (по крайней мере, в FF). А поскольку выпадающая часть выравнивается по левому краю, а select прижат к краю экрана правым, получается, что на экране появляется только часть выпадающей части (сорри за невольный каламбур). Заставить выпадающую часть равняться по правому краю может direction:rtl для списка, но при этом и кнопка раскрытия со скроллингом перенесутся влево (что для нас, привыкших читать слева направо, выглядит слегка дико). И это не решит проблемы в IE, где, насколько я помню, выпадающие списки всегда обрезаются по ширине самого select-а, даже если не все опции влезают. Так что, имхо, придется или пересматривать дизайн/содержание (делать select подлиннее или опции покороче), или, увы, менять штатный select кастомным скриптовым. Но не исключаю, что есть решение попроще, просто я его еще не знаю.

В каком смысле плавающим? С произвольной шириной? Так достаточно max-width ограничить, чтоб общая сумма двух дивов (+ страховка на пробел между ними) не выбивалась из ширины контейнера...

У html нет height {100%}, как я и предполагал. Если поставить, всё растянется. А вот то, что Хром при таком раскладе растягивает - для меня сюрприз...

Для html тоже надо, а то body не поймет, от кого эти 100% брать (таков уж стандарт). А вот то, что хром "и так работает", подозрительно. Какой доктайп?

Как вариант, background-position: 50% 0 (соответствует "center top"), оба края будут обрезаться равномерно, центр будет всегда в центре. А можно обрезать и неравномерно, например, background-position: 75% 0; (сильнее обрезать левый край, а тигра "пожалеть"). Смотря по ситуации...

Так уже у body нет height:100%. Если добавить html, body { height: 100%; } — не поможет?

Я как-то доэкспериментировался до такого варианта. Но как обойти ограничение фиксированной шириной столбца — так и не придумал...