Блочная вёрстка, вопрос

[chepolino]

Всем привет.
Пожалуйста, помогите в затруднительной ситуации.
Прилагаю картинку - http://img525.imageshack.us/img525/4146/questionzf.gif

Дано: 3 дива. В первом диве текст и ещё пара дивов. Страничка с плящющей шириной (min-width, max-width).
Надо: При уменьшении/увеличении окна браузера, первый блок тянется, второй и третий не изменяются и остаются у правого края.

Никак не получается. Получается как на картинке 2 - блоки 2 и 3 перескакивают вниз.

 

[Wild_Boar]

Ответ: Блочная вёрстка, вопрос

К таким вопросам код надо прикреплять, а не картинки.

 

[DMan]

Ответ: Блочная вёрстка, вопрос

Без претензий на 100% корректность

<table width="80%" cellspacing="0">
<tr>
<td width="80%" bgcolor="#006600">&nbsp;</td>
<td width="200" align="left" bgcolor="#FFFFFF"><table width="200" cellspacing="0">
<tr>
<td bgcolor="#CCCC33">&nbsp;</td>
<td bgcolor="#0033FF">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>

 

[DCat]

Ответ: Блочная вёрстка, вопрос

<style>
DIV { height:200px; /*делает все DIV высотой 200px */ }
#left { display:block; margin-right:400px; background:#efe; }
#right { display:block; float:right;  background:#eef; }
#right .first { float:left; width:200px; background:#999; }
#right .second { float:right; width:200px; background: #fee; }
</style>

<DIV id="parent">
    <DIV id="right">
        <DIV class="first">first in right</DIV>
        <DIV class="second">second in right</DIV>
    </DIV>
    <DIV id="left">left box</DIV>
</DIV>

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

#parent при этом очень желательно выдать overflow:hidden; и костыль для IE6 - zoom:1;
добавляете border или padding - вычитайте из ширины блоков их значение. соответственно для #left в данном случае - плюсуете или минусуете margin-right;