Div-Spalten gegenseitig ausrichten

[Martin Fleck]

hallo,

ich schaffe es nicht den <div> "column_left" mit dem roten Hintergrund immer an die Höhe des Contents des anderen <div> "column_middle" anzupassen. Kennt jemand den Trick?

Hier habe ich das Testfile (XHTML 1.0) abgelegt:
http://www.action-script.com/misc/test.htm

Vielen Dank.

Martin Fleck

[Orlando]

Hi Martin,

ich schaffe es nicht den <div> "column_left" mit dem roten Hintergrund immer an die Höhe des Contents des anderen <div> "column_middle" anzupassen. Kennt jemand den Trick?

das funktioniert nicht, hier eine Alternative:

.column_middle {
  padding-left:.2em;
  border:1em solid #f00;
}

Das erste <div> kannst du dann weglassen. Unterstriche in Klassen solltest du übrigens vermeiden, alte Browser haben Probleme damit.

Grüße,
 Roland

[Orlando]

Hm...

border:1em solid #f00;

-> border-left:1em solid #f00;

Grüße,
 Roland

[Martin]

border:1em solid #f00;
  -> border-left:1em solid #f00;

Danke, ist es dann auch möglich anstatt der roten Fläche ein Bild einzubinden?

Martin Fleck

[Orlando]

Hi Martin,

border-left:1em solid #f00;

Danke, ist es dann auch möglich anstatt der roten Fläche ein Bild einzubinden?

nicht mit einem Rahmen. Du könntest aber mit padding-left den Inhalt nach rechts rücken und linksbündig ein Hintergrundbild einbinden.

http://selfhtml.teamone.de/css/eigenschaften/innenabstand.htm#padding_left
 http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_image

Grüße,
 Roland