Float Layout: Mittleres Div -> Dyn Breite aber immer 100%

[keinBlase]

Hallo

Ich möchte gerne ein Float Layout machen. Die ganze Seite hat eine Breite von 100%, die linke und rechte Spalte jeweils 180px. Die mittlere Spalte soll immer den Rest auffüllen, also 100% -369px.
LEFT | Center| RIGHT

Wie geht das?

Hier mein Versuch:

<style>
div{
border:1px solid black;
height:100%;
}

</style>

<div style="width: 100%; ">

<div style=" float:left; width: 180px; display:block;">s</div>
<div style="display:block; width:auto">
asd

</div>
<div style=" float:right; width: 180px; display:block;">s</div>

</div>

[Gunnar Bittersmann]

@@keinBlase:

nuqneH

Die Reihenfolge stimmt nicht. Die mittlere Spalte muss im Quelltext nach der rechten kommen.

http://de.selfhtml.org/css/layouts/mehrspaltige.htm#dreispaltig
http://www.alistapart.com/articles/multicolumnlayouts/
http://www.alistapart.com/articles/holygrail/

Qapla'