Hallo zusammen,

ich würde gerne ein elastisches Layout (glaube das heist so) erstellen. Es sollen drei Bereiche nebeneinander nach rechts floaten. Im linken (header1) und im rechten (header3) sitzt jeweils eine Grafik, somit ist die Breite dieser beiden Container vorgegeben. Der mittlere Bereich (header3) soll immer den gesamten verfügbaren Platz zwischen header1 und header3 ausfüllen. Wie kann ich sowas realisieren?
Ich möchte, wenn es irgendwie möglich ist keinen Zusatzkontainer (Wrapper) umd die Bereiche legen.

Bisher sieht es so aus:
Das Ergebnis sieht so:



aus. Header zwei ist nur so groß wie sein Inhalt.

Ich weiß zwar nicht, was du genau damit meinst, aber du floatest deine bereiche nach links, wenn man deinem CSS-Code Glauben schenken darf

Ansonsten kannst du 3 Bereiche nebeneinander legen, indem du den linken Bereich nach links, den rechten Bereich nach rechts floatest und den mittleren Bereich kein float und keine Breite gibst. Im Markup muss dann zuerst das linke, dann das rechte und dann erst das mittlere Element stehen.

ja das mit dem "nach rechts floaten" war wohl eine kleine verwirrung Es sollte links heisen. Klappt wunderbar. Vielen Dank!

Hi ihr beiden,

vielleicht spukt es ja nur in meinem Kopf aber ... wenn ich mir grade vorstelle, dass in der mittleren Division ein Element mit fester Breite (z.B. ein Bild) liegt, und ich das Browserfenster in der Breite verkleinere, dann müsste sich doch das Layout zerschießen, sobald der verbleibende Bereich in der Mitte kleiner ist als das Bild? Nicht weiter tragisch, wenn nur kleine Grafiken eingesetzt werden, kommt jedoch eine breite vor, wäre dieser Fall schnell gegeben.

Grüße,
w3ksel

__________________
Webdesign/-Entwicklung bei der Hamburger Werbeagentur G8media.

Du hast natürlich recht. Dafür gibt es die CSS-Eigenschaft "min-width". Die versteht leider der IE nicht, aber man kann sicher Komprisse finden.