nicht angemeldet
hallo,
ich habe ein zweispaltiges layout, oben ist eine suche, rechts ein div, welches ein hintergrundbild und variablen inhalt beinhaltet.
unter dem suchdiv befindet sich der eigentliche inhalt.
mehr inhalt hier...
<parent div>
____________ __________
| suchdiv | | |
|____________| |variables |
|div rechts|
INHALT | |
... | |
... | |
... | |
... | |
... | |
... | |
... | |
... |__________|
______________________________
footer
</parent div>
das rechte div mit der variablen höhe hat ein hintergrundbild, welches abgehackt werden darf, solang der inhalt das div nicht voll ausfüllt. jedoch soll es immer auf der gleichen höhe stehen, wie der inhalt links davon, welcher ebenso variabel ist.
wenn mein "inhalt" mal angenommen 500px hoch ist, das div rechts aber nur so wenig inhalt hat, dass es nur 200px hoch ist, soll es auf 500px aufgezogen werden. wenn ich hier also height: auto !important festlege, wird das div bereits nach 200px abgehackt. height: 100% funktioniert im IE wunderbar, da es sich auf das parent div bezieht, der FF bezieht sich jedoch auf die gesasmte seite.
da gibts doch bestimmt ne schickere lösung als javascript, oder? :)