Integra в рубрику HTML и CSS

Вопрос: помоги решить задачу по верстке, пожалуйста....

Есть двухколоночный макет, верх и низ сайты тянется на 100% (заданы фоном), а середина фиксированной ширины. Макет на первый взгляд очень простой, но внизу в левой колонке есть плашка с контактами, которая вплотную прилегает к футеру. Я поставила полоску фона на body заданной высоты и выровненного по верху, внутри body лежит фиксированной ширины и выровненный по центру, а в нем располагаются хидер и соответственно 2 колонки (в левой должно лежать меню и плашка с контакты, а в правой чисто текст). Ниже, вне контейнера лежит футер, так как он должен быть 100% по ширине. Ах да, еще эти две колонки должен разделять бордер. Задача состоит в том, что бы прилепить плашку с контактами вплотную к футеру.
Вот мои попытки решить эту задачу.
1. плашку с контактами положить в левую колонку ниже меню. Но это не вариант, потому что в случае, если контент правой колонки будет больше, по высоте, чем меню в левой (а зачастую таки бывает), то получится разрыв между плашкой и футером.
2. плашку с контактами поместить в правую колонку и задать ей margin-left:-200px; ну так что бы она влезла на левую колонку. Но в этом варианте свой косяк (это не считая того что в ие6 отрицательные маргины не работают), если содержимое правой колонки меньше содержимого левой (такое тоже случается)- плашка налазит на меню.
3. плашку с контактами положить в футер. Аналогично, перекрывает меню.
Кто сталкивался с подобными задачами, подскажите что делать?

Задайте свой вопрос

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

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 2

Evgenij
Много текста и в итоге ничего не понятно.
Не могли бы Вы показать хотя бы на картинке чего именно вы хотите, и что не получается.
Спасибо.
Integra
Спасибо, но задача уже решена, почти решана, в ИЕ6 так и неудалось до конца все красиво сделать. Меня сейчас мучает другой вопрос. Наверняка многим приходилось сталкиваться с двухколоночным макетом в котором левую часть от правой отделяет какая-нибудь 1-пиксельная полосочка. И для того что бы она тянулась до футера ставят на левую колонку bjrder-right а на правую border-left, и отрицательным маргином подгоняют так что бы они ровно друг на друга накладывались. И тогда все красиво тянется до самого подвала. Но вот при маштабировании, эти бордеры все равно разъезжаются... Можно ли с этим как-нибудь бороться?
#
Integra

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler