[CSS] jak zrobić taki układ strony Opcje

[sweter]

Chciałbym mieć następujący układ strony:

1. Na środku div z treścią o szerokości 750px
2. Po bokach dwa divy, których szerokość będzie ustalana automatycznie.

Próbowałem zrobić coś takiego:

Kod

<div id="tlo_lewe" style="width:auto/2">
</div>

<div id="strona" style="width:750px; background-color:orange;">jhk
</div>

<div id="tlo_prawe" style="width:auto/2">
</div>

ale nie bardzo mi wyszło...

[likemandrake]

Nie da się za pomocą divów uzyskać dokładnie takiego efektu jakiego byś chciał (przynajmniej bez problemów). Mógłbyś taki efekt uzyskać stosując jedynie tabele.

Layout na tabelce mógłby wyglądać tak:

Kod

<table style="width: 100%;">
    <tr>
        <td>left</td>
        <td style="width: 750px;">center</td>
        <td>right</td>
    </tr>
</table>

Natomiast używając layoutu na divach mógłbyś jedynie zrobić takie coś:

Kod

<div style="width: 80%; float: left;">
   <div style="width: 75%; float: right;">
      center
   </div>
   <div style="width: 25%; float: left;"> <!-- poniewaz (20% * 100%) / 80% = 25% -->
      left
   </div>
</div>
<div style="width: 20%; float: right;">
   right
</div>

Albo zamiast jednostek względnych użyć tylko i wyłącznie jednostek bezwzględnych (np. px).

Jest w css takie coś jak display: table, table-cell, table-row, ale niestety tego nie obsługuje ta "wspaniała" przeglądarka IE, bo wtedy mógłbyś no problemo użyć divów, a efekt mieć taki jak na layoucie z tabelką.

Owszem, możesz spróbować expressions, aby zasymulować w IE zachowanie elementów display table-*, jak chce Ci się bawić, to proszę, jednak używając expressions, trzeba wiedzieć co się robi, bo szybko można sobie popsuć "wydajność" strony.

Pozdrawiam