panig

Очень давно верстал что-то похожее, посмотрите http://panig.modf.ru/nplanet/home.html

Можно сделать изображение, в центре которого будет белый цвет, а по краям синий и повешать на #container. Будет илюзия, что центр растянут до низу, а на самом деле, он зависит от количества содержимого.

А у вас итоге все так и будет однотонными цветами, никаких градиентов и прочего? Если да, то было бы удобно сделать изображением и повешать его на #container

Есть один способ, но в нем присутствует один минус — margin:0 auto не станет выравнивать footer по центру. У вас фиксированный макет, может и footer можно зафиксировать, а отступ сделать не автоматический, а вручную прописать? В общем нужно: Поменять в #container {} height:100%; на min-height:100%; Поменять в #main {} margin:0 auto -90px; на margin:0 auto; Добавить в #footer {} position:absolute; bottom:0; Добавить в #container {} position:relative;

Опустить на пиксель вниз?

Поменяйте в #container {} height:100%; на min-height:100%;

Наверное нужно было, чтобы травка касалась основного блока сайта, а не была где-то внизу. Тогда не понятно, зачем такая большая высота прописана. На скриншоте явно не контент так растянул страницу. (как нравится гадать)

Нет, все с нуля начинать не надо. Просто в той части, где три колонки, уберите у всех элементов отступы. Создайте струкруту трехколоночного макета. Наполните содержимым. Пропишите отступы и готово.

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

Думаю нет. Чтобы вы ни сделали, ваше аболютное позиционирование все испортит. Хотя можно, только если сайт фиксированным сделать.

Убрать абсолютное позиционирование и сверстать в три колонки.

Еще зависит от того, какой левый и правый край у всего меню. Но вообще, если забыть про них, то можно на li повешать фон и при наведении на li менять цвет фона, а ссылку сделать блочной, прописать ей бордеры и тоже изменять цвет, при наведении на ссылку. Нижние части «фиолетового» фона не будут ссылками, но там пару пикселей, не заметно даже.

Да, английский лучше, но есть там ссылки на переведенные спецификации. http://www.w3.org/MarkUp/html4-updates/translations#Russian Посмотрите, там и русский есть. Не оффициальный.

Попробуйте так: <div class="page"> <div class="main"> <div class="left"></div> <div class="left"></div> <div class="left"></div> </div> </div> .main { width:1100px; background:#000; margin:0 auto; padding:20px; } .main:after { clear:both; display:block; overflow:hidden; height:0; content: '.'; visibility:hidden; } * html .main { height:1%; } *+html .main { min-height:1%; } .left { width:300px; height:200px; background:#fff; margin:0 20px 0 0; float:left; }

А в чем проблема, у вас нет доступа к css? У вас нижнее всплывающее окошко обрезается, правильно? Может когда вы убираете overflow:hidden то у блока родителя фон теряет высоту, в этом проблема?