Folgendes Problem: Ich hab 3 div-container nebeneinander, die alle die gleiche höhe haben sollen (und auch haben). Wenn jetzt im mittleren Container besonders viel drin steht, vergrößert sich der ja automatisch, wie mach ich das aber jetzt so, dass wenn sich die mittlere div box vergrößert, sich auch die anderen 2 container entsprechend vergrößern?

moin .....

ich habe mich auch schon ne zeitlang damit rumgeplagt !

mein ergebniss -> es geht nicht !

jedenfallse noch nicht nach stand der derzeitigen browser !

weil diese kein css2 richtig interpretiren !

DER PAPST

Vorschlag !!

Ich habe es noch nicht probiert, aber wenn man den mittleren Container in den Rechten und diesen in den Linken schachtelt - könnte es gehen.

Zumindest wenn der mittlere Container höher ist als die beiden anderen, da dieser ja dann beide außeren Container aufdrückt.

Aber irgendwie erinnert mich das an Tabellenstruktur

__________________
</ulle>

Meine HP war auch mal aus ner tabelle aufgebaut, bis mir das zu blöde wurde und ich auf <div> umgestiegen bin.

Gibt keine Lösung? auch nich mit php oder so?

Was würdet ihr denn Vorschlagen (abgesehen von nem frame)?
Hab die Idee eigentlich von ner anderen seite (www.battle.net), die is nämlich auch so aufgebaut, aber vielleicht haben die das ja mit aspx gemacht .

Und wie sieht es mit Javascript aus? Kannst Du nicht beim Laden der SEite die Höhe der Container auslesen lassen und allen den maximalwert (also den Wert des höchsten Containers) zuweisen???

Ich weiß nicht ob das geht aber in der Theorie müsste das duch klappen ...

Mit Javascript geht es folgendermaßen:

function setheight()

{
ziel = document.getElementById("disc").getElementsByTagNa me("div");
for(a=0; a<ziel.length-3; a+=3)
{
which = ziel[a];
h1 = document.defaultView.getComputedStyle(which.nextSi bling.nextSibling,'').getPropertyValue('height');
h2 = document.defaultView.getComputedStyle(which.nextSi bling.nextSibling.nextSibling.nextSibling,'').getP ropertyValue('height')
hmax = Math.max(parseFloat(h1),parseFloat(h2))-12;
which.style.height = hmax+"px";
}
}

Da MSIE aber kein document.defaultView.getComputedStyle kennt (stattdessen currentStyle - liefert aber nichts brauchbares) funktioniert alles mal wieder nur im Mozilla.

Übrigens, bei obigen Code ist es egal, welches div das längste ist. Die id's müssen natürlich angepaßt werden, ebenso sind kleine Anpassungen an die tatsächliche Seitenstruktur notwendig. Desweiteren muß berücksichtigt werden, daß Mozilla jedes isolierte whitespace (im Gegensatz zum MSIE) als textnode auffaßt (würde es im MSIE funktionieren käme man mit der halben Anzahl nextsiblinge aus).

MfG

Übrigens ist dieses Thema im Prinzip das gleiche:

http://www.xhtmlforum.de/viewtopic.php?t=74

__________________
</ulle>

Gib einfach für alle Container prozentuelle Angaben (bzw. relative mittels em) an, dann passen sich alle Container je nach Auflösung oder Browserfenstergröße dem vorhandenen Platz an, jedenfalls solange, bis für den Inhalt nicht mehr Platz nötig wird, als vorhanden ist. Für diesen Fall kannst du das Anzeigeverhalten mittels overflow oder Angaben für minimale/maximale Höhe/Breite steuern.