<div> im <div>

[ChrisB]

Hi,

ich habe ein kleines/großes Problem ;)

Eins? Mehrere.

ich habe folgende <div> konstruktion

Zum einen kochst du da vermutlich eine ziemliche DIV-Suppe. Nimm nicht DIV für "alles", sondern das von der Struktur her jeweils geeignetste Element.

Und zum anderen wählst du IDs, die mindestens ungünstig sind. "links" und "rechts" beziehen sich auf die *derzeit* gewünschte Darstellung - sollte die sich mal ändern, wird die Wahl dieser IDs sinnfrei. Zeichne also Elemente nach ihre Funktion mit IDs/Klassen aus, nicht nach dem aktuellen Darstellungswunsch.

Ich habe also wenn ich alles richtig gemacht habe ein ebene erstellt in der das Hintergrundbild content_bg.png erscheint. In diesem Div erzeuge ich zwei weitere divs die nebeneinander (links und rechts) angeordnet sind. Wenn ich nun etwas in die linke Spalte schreibe (content_links) erscheint kein Hintergrundbild. Wenn ich in die Rechte Spalte etwas schreibe (content_rechts) erscheint die Hintergrund grafik. Wenn ich in der Rechten Spalte etwas schreibe und in der linken Spalte ein längerer Text steht, geht die hintergrundgrafik des content-divs nur bis zum ende des rechten Textes, der linke Text schießt darüber hinaus.

Übliches Anfängerproblem - Auswirkungen von float nicht verstanden.

Lese dir den SELFHTML Weblog-Eintrag Grundlagen für Spaltenlayout mit CSS komplett und aufmerksam durch.

MfG ChrisB