nicht angemeldet
Moin allerseits
Ich habe ein Problem mit folgender Konstruktion:
+---------------------+
|+--+ |
|| | Container |
||1 | |
|| | +-------------+ |
|| | | Inhalt | |
|| | | | |
|| | | | |
|| | | | |
|| | | | |
|| | | | |
|| | | | |
|| | | | |
|+--+ +-------------+ |
+---------------------+
Der Container und der linke Bereich (1) sind absolut positioniert, wobei "1" nur ein Hintergrundbild erhält.
Der Container hat keine feste Höhe, sondern "wächst" mit dem Inhalt von "Inhalt". "1" ist u.a. mit height:100% definiert und sollte sich damit der Höhe des Containers anpassen (zumindest laut W3C).
Das klappt mit Mozilla wunderbar. Der IE macht "1" etwas länger, weil er mal wieder die padding-Angabe von "Inhalt" nach innen statt nach außen rechnet, aber damit kann ich leben.
Mit Opera jedoch habe ich ein echtes Problem. Wenn ich testweise dem Container ein feste Höhenangabe spendiere, klappt alles bestens. Ohne Höhenangabe jedoch macht Opera "1" exakt so hoch wie das Browserfester. Das sieht bei längerem Inhalt natürlich ziemlich blöd aus, wenn das Hintergrundbild plötzlich mitten auf der Seite aufhört.
Ich habe lange über einen Workaround gegrübelt. Das einzige, was mir eingefallen ist, ist den Container z.B. mit height:1000% zu definieren. Dann ist die Seite eben endlos lang - eine Notlösung halt.
Hat eventuell jemand eine Idee, ob bzw. wie ich dieses Problem eleganter lösen könnte?
Schönen Dank schonmal.
Thomas J.