div-Container wird nicht größer!

Hallo, ich bins mal wieder. Wenn ich auftauche dann mit Problemen :smiley:

Folgendes:

Landesrektorenkonferenz Baden-Würtemberg

der Container „left_border“ wächst nicht mit wenn der Text größer wird!

Habe es mit min-height und height: auto probiert ohne Erfolg!

Könnte ihr mir da vielleicht weiterhelfen, würde mich äußerst freuen :wink:

Ein Fall für Faux Colums?

Muss doch auch anders zu lösen sein, oder?

Jein.
So kompliziert wie in Tar’s Link beschrieben muß es nicht werden.
Du hast ja einen feste Breite in px (width: 802px; ).
Der Taschenrechner kann also in der Schublade bleiben.

Du kannst alle horizontal mitwachsenden Linien in einer Grafik unterbringen und vertikal wiederholen.

Alle css-„Spalten“ sind irgendwie Faux Colums. Echte, gleich lange Spalten gibt es nur in Tabellen.

Das ist wirklich ein Fall für Faux Columns, allerdings bei fixem Layout wie auf deiner Seite nach dieser Anleitung: Faux Columns
Du musst dir eine Querschnittsgrafik anferigen, die links und rechts den Rahmen und dazwischen weißen Freiraum hat. Breite insgesamt wie von Außenkante Rahmen links zu Außenkante Rahmen rechts.
Diese Grafik packst du in einen Div, lässt sie vertikal kacheln und packst darein schließlich den gesamten Seiteninhalt.
Obendrüber und untendrunter kommt ein weiterer Div mit dem Querrahmen und den abgerundeten Ecken.

Habe es jetzt wie folgt gelöst:
Landesrektorenkonferenz Baden-Würtemberg

Doch der Text soll wenn die Content_Navi vorbei ist trotzdem weiter rechts verlaufen und nicht an den linken Rand „springen“. Wie kann ich dieses Problem lösen?

mfG

Setze hier einen neuen Div mit einem Linksabstand entsprechend Navibreite und etwas Zwischenabstand:

Aufgaben und Ziele

Am Ende natürlich wieder schließen.

Und verpasse deiner content_navi noch ein display: inline; für den IE 6.

Ok vielen Dank, klappt wunderbar. Hatte etwas Schwierigkeiten damit, dass das ganze mit PHP auf verschiedene Dateien aufgeteilt war.

Mh ich bins nochmal, der IE6 streikt mal wieder!

http://img185.imageshack.us/img185/9264/98331769ob3.jpg