Зависимые друг от друга слои

boom.olezka · January 18, 2008

Никак не получается сверстать таким образом как на картинке... Высота блоков зависит друг от друга (текстовое содержание)... прич?м зел?ный и ж?лтый блоки всегда должны быть приклеины к низу Буду рады любым советам, я совсем уже опустил руки :/

Можно таблицами можно дивами, главное чтобы работало в FF, IE, Opera Кто-то решал подобную задачу?

yopopt · January 18, 2008

Покажите что у Вас получилось или не получилось.

boom.olezka · January 18, 2008

Проверка на бездельника? А код мне стыдно показывать...

Вот такое получается сделать на таблицах работает в ИЕ, ФФ в Опере нет

Прич?м если я укажу

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

то height вообще восприниматься не будет не в одном браузере оно и понятно

<table width="605px" border="1" cellspacing="0" cellpadding="0">
 <tr>
 <td style="height: 100%;" valign="top">
 <table width="100%" style="height: 100%;" border="1" cellspacing="0" cellpadding="0">
 <tr>
 <td style="height: 100%;" valign="top">1</td>
 </tr>
 <tr>
 <td style="height: 30px;">1</td>
 </tr>
 </table>
 </td>
 <td style="height: 100%;" valign="top">
 <table width="100%" style="height: 100%;" border="1" cellspacing="0" cellpadding="0">
 <tr>
 <td style="height: 100%;" valign="top"><Br><Br><Br></td>
 </tr>
 <tr>
 <td style="height: 30px;">1</td>
 </tr>
 </table>
 </td>
 </tr>
</table>

boom.olezka · January 18, 2008

Поставил у главной таблицы, которая созда?т две колнки - height: 1% и в опера заработало тоже Но у меня у всех страничек указан DOCTYPE переходный 4 html и если я его уберу, то вс? остальное у меня поедит... Как быть?

Каким образом сверстать на стилях? :/

klierik · January 18, 2008

объясните пожалуйста суть проблемы

Vlad · January 21, 2008

Не понял, как высота должна определяться - она фиксирована или нет?

Sign In

Зависимые друг от друга слои

Question

boom.olezka

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

boom.olezka

Link to comment

Share on other sites

boom.olezka

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information