maximale "restliche" höhe mit DIV

[Martin]

Hallo,

ich habe ein Problem mit der Definition der Höhe von DIV-Tags.

Und zwar habe ich einmal probiert eine Seite komplett ohne Frames und Tabellen zu definieren.

Es geht alles prima und überraschend einfach. Vor allem der Code ist viel sauberer und übersichtlicher.

Nur ein Problem habe ich.

Wenn ihr einmal meine aktuelle Testseite anschaut:
http://www.spiele-versand.de/entwurf/with_div/

dann seht ihr vielleicht das Problem.

Und zwar weiss ich nicht wie ich die Container menu und content so definieren kann, dass sie bis zum Ende der Seite, aber nicht darüber hinaus gehen.

Wenn ich height: 100% sage, dann nehmen sie die komplette Ansichtshöhe und erweitern die Seite nach unten bzw. nach rechts, wenn über oder neben den Containern noch weitere Container existieren.

Deswegen meine Frage... wie mache ich das am Dümmsten?

Falls ihr sonst noch anmerkungen zu guten/ schlechten Code habt bin ich für alles offen.

Bye,
Martin

[Detlef G.]

Hallo Martin

Wenn ich height: 100% sage, dann nehmen sie die komplette Ansichtshöhe und erweitern die Seite nach unten bzw. nach rechts, wenn über oder neben den Containern noch weitere Container existieren.

100% bedeutet 100% des Elternelementes, wenn du also mehrere Container
über oder nebeneinander anordnest, hast du natürlich insgesamt mehr als
überhaupt Platz ist.

Deswegen meine Frage... wie mache ich das am Dümmsten?

Verwende kein position:absolute.
Beschäftige dich eingehend mit CSS-basierte Layouts.

Falls ihr sonst noch anmerkungen zu guten/ schlechten Code habt bin ich für alles offen.

Da ist ja praktisch fast noch nichts.

Lies dazu mal meine Herangehensweise oder/und
meine Herangehensweise.

Auf Wiederlesen
Detlef

[Martin]

Hallo,

danke für die Tipps.

Mittlerweile habe ich es gelöst.
Unter anderem habe ich auch das Problem gelöst, was hier:
http://forum.de.selfhtml.org/archiv/2005/4/t106428/#m663197

diskutiert wurde.

Dort wurde genau das Thema behandelt und es wurde gesagt es geht NICHT.

Es geht aber doch. Hier ist meine Lösung:

http://www.spiele-versand.de/entwurf/with_div/

Die Lösung hat ausserdem den Vorteil, dass man beim Scrollen nicht das Menü "verliert" wir es sonst bei Tables der Fall war und was... für mich jedenfalls... der einzige Punkt gewesen war der jemals für eine Frame-Lösung gesprochen hatte.

Bye,
Martin

[Der Martin...]

Hallo Martin,

ist'n komisches Gefühl, ein Posting mit dem eigenen Namen einzuleiten...

Mittlerweile habe ich es gelöst.

Meinst du wirklich?

Es geht aber doch. Hier ist meine Lösung:
http://www.spiele-versand.de/entwurf/with_div/

Wenn du dir anschaust, wie ich deine Seite sehe, wirst du deine Meinung bestimmt revidieren. Du gibst dem BODY rechts und links ein Padding von 125px, also ist 100% Breite für die DIVs nur noch die verfügbare Fensterbreite minus 250px.

Die Lösung hat ausserdem den Vorteil, dass man beim Scrollen nicht das Menü "verliert" wir es sonst bei Tables der Fall war und was... für mich jedenfalls... der einzige Punkt gewesen war der jemals für eine Frame-Lösung gesprochen hatte.

In dem Punkt sind wir uns einig. Weglaufende Navi-Blöcke mag ich auch nicht.

So long,

Martin

[Martin]

Hallo DerMartin ;)

Wenn du dir anschaust, wie ich deine Seite sehe, wirst du deine Meinung bestimmt revidieren.

Sorry ich hatte eben die falsche Version hochgeladen.

Mein Problem aus dem anderen Posting habe ich jetzt aber auch gelöst:

http://www.spiele-versand.de/entwurf/with_div/

Jetzt "müsste" es alles stimmen.
Trotzdem wäre ich für jeden Bug dankbar den jemand mit seinem eigenen Browsern findet. Natürlich wäre ich noch viel dankbarer, wenn niemand einen Bug finden würde ;)

Bye,
Martin

[Martin]

Hallo noch einmal,

ein Problem habe ich festgestellt.

Wenn ihr die Test-Seite:

http://www.spiele-versand.de/entwurf/with_div/

einmal mit Firefox anschaut, dann funktioniert sie wunderbar.

Allerdings sieht man beim IE und Opera meinen Content  nicht.

Woran kann das liegen?

Verstehen die Browser das padding Element im Body-Tag nicht?

Bye,
Martin