Проблема с версткой

[Debugger]

Изучаю DIVную верстку. Надо сделать макет страницы: один блок вверху, потом 3 блока в строчку (1 и 3 имеют фиксированную ширину) и ещё один блок внизу. Внизу страницы. Верстал, верстал, но наткнулся на две проблемы:
1) Кроссбраузерность: IE8 рисует страницу по-одному, а FF&O - совсем по-другому.
2) Никак не поставить подвал на место. В этом макете его не видно вообще.
Поможете?

[Oxygen]

Да что же вы всё в раре то заливаете? Хотела скачать посмотреть, мб подсказать чего, ток рар качать и ставить лень... Под никс это немного геморно. Перезалей, плз в зипе если не сложно.

[Antonariy]

Под никс 7z вроде есть, он рары понимает.

[Oxygen]

Исходя из моего скромного опыта в веб вёрстке - это всё лучше не дивами делать, а таблицей. в таблицу уже можно потом напихать дивов. Это моё скромное ИМХО.

[Debugger]

Я тоже так думал. Таблицей всё просто и делается в несколько тегов без мазохизма. Но надо дивами... Надо.

[Хакер]

Почему?

[Proxy]

Мой опыт работы с тэго div не велик, поэтому причину назвать затрудняюсь (последний раз с HTML копался ещё в школе).
Могу сказать только что в опере ничего вообще не отобразилось, а в FF и Google Chrome всё нормально, за исключением того, что в нижней части текст не отобразился.

По продолжению ветки... человек спрашивает "А как мне сделать %действие%?", ждёт вполне в ответ что-то логичное... А вместо ответа его спрашивают "а почему ты это хочешь сделать %действие%?"
Мало ли, раз написал - значит так надо. Разные причины могут быть: от конкретного задания до попытки научиться сделать это именно с div. Да и в конце-концов просто из любопытства, интересно же почему не работает, что здесь не так. Мало ли какие причины у человека.
А вы всё зачем да почему... Знаете - так скажите и не взрывайте мозг. Я вот не знаю: знал бы - обязательно помог бы.

[Хакер]

По продолжению ветки... человек спрашивает "А как мне сделать %действие%?", ждёт вполне в ответ что-то логичное... А вместо ответа его спрашивают "а почему ты это хочешь сделать %действие%?"
Мало ли, раз написал - значит так надо. Разные причины могут быть: от конкретного задания до попытки научиться сделать это именно с div. Да и в конце-концов просто из любопытства, интересно же почему не работает, что здесь не так. Мало ли какие причины у человека.
А вы всё зачем да почему... Знаете - так скажите и не взрывайте мозг. Я вот не знаю: знал бы - обязательно помог бы.

Зашей вены и улыбнись.

[MIT]

Так?

text - Copy.zip

(443 байт) Скачиваний: 55

[Debugger]

Почему?

Потому что так мне сказали.

Могу сказать только что в опере ничего вообще не отобразилось, а в FF и Google Chrome всё нормально, за исключением того, что в нижней части текст не отобразился.

Да, в этом-то и геморрой. Нижняя часть должна отображаться, а она не хочет.
2 MIT
Спасибо, но я до такого сам дошел. Сложность в том, что нижний DIV должен быть внизу ВСЕЙ страницы.

[MIT]

нижний DIV должен быть внизу ВСЕЙ страницы

Можешь немного попонятнее? У тебя в оригинале стоит "height:250px", как он должен занимать всю страницу?

[Хакер]

Потому что так мне сказали.

Высшие силы?

[Joo]

На таблицах проще, но на DIV'ах правильнее.

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

1. Делаешь внешний DIV (content) настраиваешь ему минимальную высоту 100% для IE существует css-хак.
2. Внутрь content пихаешь шапку, три блока и нижнее поле (padding-bottom) Content делаешь высотой в footer или вниз толкаешь еще блок высотой как footer, но не footer (чтобы футер не наезжал на содержимое)!
3. Под content пихаешь footer и делаешь ему верхний отступ (margin-top) -(минус)Высоты футера.

Все. Будет не ясно напишу код.

[dr.MIG]

Сложность в том, что нижний DIV должен быть внизу ВСЕЙ страницы.

В плане этого могу посоветовать такое кроссбраузерное решение, в основе которого как раз способ про который писал Joo.

[Joo]

Сложность в том, что нижний DIV должен быть внизу ВСЕЙ страницы.

В плане этого могу посоветовать такое кроссбраузерное решение, в основе которого как раз способ про который писал Joo.

Угу, именно так. Видать проблема на первом месте, раз сайт ей посвятили.

[Debugger]

В плане этого могу посоветовать такое кроссбраузерное решение, в основе которого как раз способ про который писал Joo.

Спасибо! То, что доктор прописал .

Можешь немного попонятнее? У тебя в оригинале стоит "height:250px", как он должен занимать всю страницу?

Чтобы он "клеился" к низу страницы, как на сайте - примере.

Потому что так мне сказали.

Высшие силы?

Почти угадал.

[Antonariy]

Код: Выделить всё

По продолжению ветки... человек спрашивает "А как мне сделать %действие%?", ждёт вполне в ответ что-то логичное...

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