title image


Smiley Re: CSS: Höhe eines DIV-Containers angleichen
Mir ist genau 1 Möglichkeit bekannt. Und dafür benötigst Du JavaScript. Ist also

nichts für Besucher, die kein JS oder diese Scriptsprache deaktiviert haben.

Und somit schon wieder uninteressant.



Wenn von vorneherein bekannt ist, welcher Container den meisten Inhalt erhält, kann

man eventuell pseudomäßig was aufbauen.



Beispiel

<div style="background-color: #FFEFEF;">

<div style="width: 20%; float: left;"> ... Inhalte ... </div>

<div style="margin-left: 20%; background-color: #EFEFFF;"> ... Inhalte ... </div>

</div>



Solange wie der rechte Container den meisten Inhalt bekommt, wird auch der

übergeordnete Container auf diese Höhe gedehnt. Da der linke Container gefloatet

wurde und selbst keine Hintergrundfarbe hat, wird hinter diesem Container weiterhin

die Hintergrundfarbe des übergeordneten Container dargestellt. Der Eindruck entsteht,

dass beide Container gleich hoch sind. Ändern sich die Inhalte, sodass der linke

Container den meisten Inhalt bekommt, funktioniert es allerdings schon wieder nicht.



Als letzte Alternative darf natürlich die Möglichkeit mit Tabelle nicht vergessen

werden. Damit bekommst Du 2 nebeneinanderstehende Zellen genau gleich hoch hin.

Wenn dort allerdings keine tabellarische Daten eingebaut sind, ist eine

Zweckentfremdung schlechtes HTML.



mfg Achim

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: