Div Alignment FireFox, IE7, IE6

Question

У меня проблемы с выравниванием пары div в IE6, IE7, IE8 и Firfox 3. Все они не отображаются правильно, как это делают IE8 и Firefox, как и остальные.

Возможно ли сделать это с помощью плавающих и очищающих элементов ... им не нужно иметь какой-либо интервал между ними, я просто нарисовал это так .... Кроме того, элементы div должны быть фиксированной ширины.

альтернативный текст http://cowfarm.net/divAlign.png

Answer 1

Да, это возможно:

<table>
    <tr>
        <td></td>
        <td rowspan='2'></td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td colspan='2'></td>
    </tr>
</table>

Я, конечно, шучу.

Answer 2

Вы не получите одинаковую высоту для 2-х левых и правых. Если, конечно, вы не укажете их, или если содержимое будет иметь одинаковую высоту ... Но я не думаю, что это должно быть проблемой?

Обновление

<style type="text/css">
    #container {float:right;position:relative;}
    #left    {float:left;}
    #left_1  {float:left;}
    #left_2  {clear:left;float:left;}
    #right   {float:right;}
    #bottom  {float:left;clear:both;}
</style>

<div id="container">
    <div id="left">
        <div id="left_1">left 1</div>
        <div id="left_2">left 2</div>
    </div>

    <div id="right">right</div>

    <div id="bottom">bottom</div>
</div>