Steel: Dreispaltiges Layout ohne Float

Beitrag lesen

Hi!

ich habe eine Seite mit folgendem dreispaltigen Layout.

Unglaublich neues Layout. ;)

Zum Positionieren: Wenn ich die Blöcke relativ positioniere, dann brauche ich ja Floats, damit am Ende das gewünschte Ergebnis erscheint. Jedoch ist dann das Problem, dass innerhalb des Contents kein clear auftauchen darf, da es sonst erst unterhalb der Navigation weitergegehen würde.

Hae??

Dann kam ich auf die Idee, die Navigationselemente absolut zu positionieren. Das Problem hierbei ist, dass man dann alle Elemente bis zum html absolut positionieren muss, da sonst die rechte Navigation nach dem Bildschirm und nicht nach dem umschließenden Container ausgerichtet wird.

Nochmal: Hae???

Jetzt kommt aber das Problem, dass durch die absolute Positionierung alle Elemente ihre Breite verlieren. Ein width:100% kann ich nicht setzen, da dann die rechte Navigation einen überbreiten Content überdecken würden, ein min-width:100% wird aber von FF und IE falsch interpretiert:

und wieder: Hae????
Was sollte denn der FF da falsch interpretieren? Du interpretierst da hoechstens was falsch... Der IE koennte damit allerdings wirklich Problemehaben.

Statt gefloatete Elemente nebeneinander zu positionieren, werden diese untereinander dargestellt.

Langsam sollte ich mir n neues Wort ausdenken: Hae?????

Gibt es eigentlich einen Ansatz, der ohne "Nebenwirkungen" ist?

Ja. CSS mit floaten.

Zusatz: Es wäre schön (aber nicht essentiell notwendig), wenn links und rechts am Bildschirm 15px Rand sein könnten. Bei relativer Positionierung ist dies ja kein Problem, aber absolute...

Diesmal spar ich mir das hae.... (mir gehen auch die Fragezeichen aus :D)

Schau mal hier. http://www.intensivstation.ch/templates/ Da gibts auch Dein Layout (was wunder), mit wundernetten Erklaerungen. Alles toll in CSS und Nebenwirkungsfrei. (soweit ich deinen wunsch richtig verstanden habe)