[7he3rain]

Ich hab da ein Problem, das mich seit Tagen zur Weissglut treibt.
Auch nach langem Suchen, rumprobieren und Kopf zerbrechen bin ich bishher noch nicht auf die Lösung gekommen (falls es denn eine gibt).

Meine Webseite sollte so aussehen:




Also eine ganz einfache Page mit Header und Footer und den Content in einem scrollbaren Bereich. Das Ganze der Grösse des Browserfensters angepasst. Mit Frames wäre es kein Problem die Webseite so zu basteln, aber die Nachteile von Frames dürften euch ja bekannt sein.

Nun denn, im Internet Explorer würd die Sache ja funktionieren (wenn er im "alten" Modus arbeitet mit dem falschen Box-Modell). In Firefox wird die Seite allerdings so dargestellt:




Warum zum Teufel macht Firefox das so, wenn doch eigentlich alle Höhen-Angaben klar formuliert sind ?
Ich habe schon alles mögliche probiert: die Höhe mit max-height festlegen, die Höhe von den td oder tr-Elementen mit 100% festlegen, die ganze Tabelle mit div-Elementen bauen, ... es klappt einfach nicht.

Ich würds ja verstehen, wenn er die 100% als Höhe des Browserfensters ansehen würde, aber wie man unschwer erkennen kann macht er die Seite um einiges länger als Fensterhöhe+Headerhöhe.

Die einzige Möglichkeit, bei der sich Firefox richtig verhält ist, wenn ich das div oder td-Element mit einer festen (Pixel)Höhe formatiere (z.b. <td style="height:400px">), aber genau das will ich ja nicht. Der Platz im Browserfenster soll für den Inhalt möglichst gut ausgenutzt werden und der Header/Footer immer sichtbar sein, egal wo im Dokument man sich befindet.

Was mich besonders wurmt ist, dass es mit einem genau gleich formatierten iframe anstelle der div-Box problemlos funktioniert (im Code unten auskommentiert):




So, und hier noch der ganze Quellcode:

[haselnusstafel]

Du solltest den div Bereich von der Höhe kleiner halten, als der eigentliche Inhalt es erlaubt und dann im css dafür overflow:auto; definieren

Probier das mal

[7he3rain]

overflow:auto hab ich ja drin im div-element, ist ja auch der Sinn der Sache, dass ein Scrollbalken angezeigt werden soll:

[rob]

Also zu dem Tabellendesign sag ich mal nichts...

Aber bevor du da an irgendwas weiter rumfummelst, würde ich als erstes eine vollständige DTD-Angabe machen, so daß du damit aktuelle Browser in den standardkompatiblen Modus schaltest.
z.B.:

[7he3rain]

Ob mit oder ohne DOCTYPE-Angabe, das ändert an dem Problem auch nichts.
Ausser dass es der Internet Explorer im Quirks-Modus so darstellt wie ich es möchte und im standardkonformen Modus genau gleich "falsch" wie Firefox.

Valid HTML ist es auch (naja, <title>-Tag fehlt, aber das ändert am Design auch nichts)

Ich bin kein HTML-Neuling (auch wenn ich die DOCTYPE-Angabe absichtlich weggelassen habe).
Wer sich mit dem Problem beschäftigt sollte sich doch bitte den Quellcode kopieren und schauen ob er das Design so hinkriegt wie beschrieben statt an irgendwelchen syntaktischen Kleinigkeiten rumnörgeln, die am Aussehen der Webseite nichts ändern.
Sorry für den unfreundlichen Ton, aber ich brauche Hilfe, keinen Unterricht in Schönschreiben. Ich kann valid HTML schreiben, hab mittlerweile alle erdenklichen CSS-Angaben ausprobiert, das Design auf den Kopf gestellt.

Das alles ändert nichts an der Tatsache, dass die standardkonformen Browser aus irgendeinem mir unverständlichen Grund das div-Element grösser machen als die von mir vorgegebenen 100% (auf das Elternelement, also die Tabellenzelle bezogen), obwohl die Angaben dies klar verhindern sollten. Weiss irgendjemand warum ?


Und @rob: Ich weiss zwar nicht, was es an dem Tabellendesign auszusetzen gibt, aber wenn du eine andere Notation kennst, mit der mein Problem behoben wird, dann immer her damit.

*sich nochmals für den genervten Ton entschuldigt*

[Raumwurm]

Das Layout selbst wäre ja ziemlich einfach für den FF
und IE7 umzusetzen, nur kacken ebend ältere IEs da
rum - bzw. machen das nur im Quirksmode mit.

Siehe hier:
http://www.cssplay.co.uk/layouts/bodyfix.html
.. und auch noch ziemlich Browserhackverseucht das ganze.

[7he3rain]

Juhu, genau das hab ich gesucht. Vielen Dank!

EDIT:
Soweit ich sehe enthält die Seite gerade mal zwei Browser-Hacks.
Und der einzige Browser, der die Seite im Quirks-Modus rendern muss weil er ja sowieso nicht standard-tauglich ist, ist Microschrott's IE. Damit kann ich gut leben.