CSS Guru gesucht...

[Quin]

Hilfe, ich werd noch narrisch mit dem Sch...

Will ein 3 Spalten Layout mit einer variblen Breite der mittleren Spalte machen, linke und rechte Spalte mit fester Breite, alle Spalten mit voller Höhe (wegen background-color) und alles nur mit div-Containern ohne Tabellen.

Bekomm ich nicht gebacken, hab schon Tage damit verbracht..

Gibts hier jemanden, der mir weiterhelfen kann/will?

Gerne auch per PM, ICQ, Skype, TS whats-o-ever...

Lg Quin

[Qvist]

Einfach eine div float:left, eine float:right und die mittlere dürft egal sein. Was meinst du mit Spalten mit voller Höhe?

[Hamsta]

Schau doch mal ob hier was dabei ist:
http://intensivstation.ch/templates/

[Quin]

Danke für die Tipps.

Template 7 von dieser Seite kommt dem, was ich umsetzen will schon ziemlich nahe. Nur stellt sich dort das "Equal-Height-Columns" Thema nicht. Wen's interessiert, hier hab ich mal eine Arbeitskopie von meinem "Problem" hochgeladen.

Das ganze sieht mit Firefox und Opera schon recht brauchbar aus, nur der IE macht wieder mal was ganz anderes daraus: Verkleinert man das Fenster soweit, das die mittlere Spalte nicht mehr vollständig im Viewport angezeigt werden kann, gibts den vertikalen Rollbalken. Soweit OK, aber es gibt im IE dann auch unschöne Abrisse bei Border bzw. Hintergrundfarbe der linken und rechten Spalte und ich hab keine Idee mehr, wie ich dies "korrigieren" kann.

Bin für jeden Tipp dankbar.

p.s. Bei diesem Entwurf geht es ums Prinzip und den 1:1 Nachbau einer alten bestehenden Seite, die mit table-Tags designed wurde.

@Hamsta: Wie sieht das ganze eigentlich mit dem Safari-Browser aus? Das kann ich leider von hier nicht testen.

[The.Modificator]

Vielleicht hilft dir das hier:

http://www.positioniseverything.net/art ... ruelayout/

Das ist zwar sehr generell, aber ich konnte dem bereits ne Menge brauchbarer Informationen für spezielle Sachen abgewinnen.

[Hamsta]

@Hamsta: Wie sieht das ganze eigentlich mit dem Safari-Browser aus? Das kann ich leider von hier nicht testen.

Pfunzt soweit ganz gut (denk ich mal, steig da nicht 100%ig durch was du genau erreichen willst ). Im Anhang ein Screenshot aussem Safari, enger als so geht der Browser in der Breite nicht zusammengeschoben.

[Quin]

@Modi: Ja, kenn ich. Ist eine Referenzseite, die mir auch schon sehr geholfen hat
@Hamsta: Danke fürs Testen
Spoiler:

Scrollt man nach unten wird's hässlich. Die linke Spalte müsste eigentlich bis zum Footer grün sein, der Rand der rechten Spalte hört auch einfach mittendrin auf.

Irgendwie hängt das ganze mit der prozentualen height-Angabe des page Containers zusammen.