DIV und height: 100%

[gentleman]

Hallo,

Ich habe schon einige Zeit nach einer Lösung für mein Problem gesucht, leider aber bisher ohne Ergebnis. Nun hoffe ich, dass mit hier jemand helfen kann.

Folgendes Problem:
Ich arbeite, wie es ja für die Barrierefreiheit einer Internetseite gewünscht ist, mit verschiedenen DIV-Tags. Eigentlich ist der Aufbau ganz simpel. Auf einem Haupt-DIV befinden sich zwei weitere nebeneinander liegende.

<div id="main">
  <div id="part1">

  </div>
  </div id="part2">

  </div>
</div>

#part1 {
  float: left;
}

Nun möchte ich, dass beide DIVs, d.h. "part1" und "part2", immer die gleiche höhe haben. Wenn also "part2" durch irgendwelchen Text oder Bilder höher ist, als "part1", dann soll "part1" automatisch genauso hoch sein wie "part2".

Ich habe es mit height: 100%; versucht, allerdings funktioniert das nur, wenn dem parent-Tag eine festgelegte höhe zugewiesen wurde. Ich suche also nach einer Möglichkeit diese Problematik zu lösen. Gibt es da irgendwelche Tricks?


Vielen Dank!

Gruß
Gentleman

 

[Toastbrot]

Hi,

Bemüh mal eine Suchmaschine deiner Wahl nach dem Suchbegriff "Faux Columns", das sollte das sein, was du suchst.

Gruß
Toast

 

[prm]

Faux Columns

 

[gentleman]

Vielen Dank für die Hilfe. Die Variante mit "Faux Columns" funktioniert auf jeden Fall schon mal.

Gruß
Gentleman