irgendwie bekomme ich diese einfach Aufgabe nicht hin. Ich will 3 div Bereich nebeneinander haben. links und rechts habe eine feste breite und die mitte ist je nach seitengrösse dynamisch.
Bisher habe ich geschummelt, deswegen passt es ganz gut aber wenn der bildschrim zu groß wird, dann entsteht ein grosser Abstand zwichen section 3 und dem aussenrand des Browsers.
Habt ihr einen Tipp?
Ich habe schon vieles versucht aber an irgendeiner Stelle hakt es bei mir…
danke für die Hilfe…ja ich habe auch Beispiele gefunden…und genau wie du es jetzt definierst hast sind alle 3 div bereiche untereinander statt nebeneinander. Kannst du da nochmal schauen?
Das Geheimnis liegt in der Reihenfolge des HTML-Codes. Erst die beiden gefloateten Elemente, dann das was in der Mitte stehen soll. Schau dir mal genau an, was Du geschrieben hast und was ich formuliert habe.
danke für deine Hilfe…im Teufel liegt im Detail. Die Reihenfolge hatte ich nicht beachtet. Trotzdem, wenn ich den linkten und rechten Bereich so zuerst floate, dann ist der mittlere Bereich nicht zwischen den beiden sondern unter dem linken und rechten bereich. Woran kann dies liegen?
Probier mal dem Mittelteil dieses Attribut zu geben #mitte { display: inline-block; }
dann sollte er in der Mitte bleiben. Solange eben bis der Bildschirm so schmal wird bis die 200px links und 200px rechts erreicht sind, dann wird der Mittelteil logischerweise in die nächste Zeile geschrieben.
LG
Gery