Forum Doku Wiki Blog

Forumsarchiv 2009, Juli
Float Layout: Mittleres Div -> Dyn Breite aber immer 100%

archivierte Beiträge lesen

  1. (CSS) Float Layout: Mittleres Div -> Dyn Breite aber immer 100% von keinBlase, 14. 07. 2009, 16:11

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

Der folgende Beitrag wurde am 14. 07. 2009, 16:11 Uhr von keinBlase veröffentlicht.

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>

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

Der folgende Beitrag wurde am 14. 07. 2009, 16:42 Uhr von Gunnar Bittersmann veröffentlicht.

@@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'
--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4