nicht angemeldet
Hallo Marcel
... Der pseudo-browser versteht aber immer noch nicht, was ich meine, wenn ich ihm mitteile, er soll dieses navi DIV so gross wie möglich machen. Schreibe ich height: 100%; füllt er es bis zum untersten Rand (des viewports) auf, ...
Wodurch sonst sollte denn die Höhe begrenzt werden, wenn das Element aus dem Fluss genommen ist?
Bei Browsern kann ich alle Seiten absolut positionieren und damit auf Höhe und Breite verzichten.
Das funktioniert beim IE nicht. Deshalb schicke ich ihn in den Quirksmodus, und mache mir das kaputte Boxmodel zu Nutze, indem ich statt absoluter Positionierung Padding fürs Elternelement angebe und Border und 100%.
Das funktioniert allerdings nicht, wenn ich das betreffende Element absolut positioniere.
... ansonsten räumt er ihm gerade soviel Platz ein, wie der Inhalt der navi benötigt.
Ohne Höhenangabe bleibt ihm ja auch nichts weiter übrig.
Ich habe mir jetzt nicht die Mühe gemacht, auf deiner Seite nachzuvollziehen, was du dort genau ändern musst, stattdessen habe ich mal schnell lulas Beispiel um einen senkrechten Navigationsbereich erweitert.
Wenn du dir lula1.html genau anschaust, wirst du das bestimmt auch ohne große Probleme für deine Seite umsetzen können.
Natürlich habe ich auch was den Inhalt der einzelnen DIVs angeht noch Nachholbedarf, denn dort stehen noch Blindtabellen. Deren Eliminierung scheint mir allerdings dann ein Kinderspiel (öööhhhm, schluck, Mund zu voll genommen?), sobald das Grundgerüst einmal steht.
Das ist die falsche Herangehensweise!
Betrachte deine Seite, so wie sie jetzt ist nur als Übung, wie du generell entsprechende Positionierungen lösen kannst.
Dann fange noch einmal an.
Schreibe erst das HTML, mit den Inhalten, vergesse dabei erstmal, wie es aussehen soll. Verwende dabei sinnvolle Elemente, so dass es ohne extra Layout übersichtlich und nachvollziehbar ist.
Erst dann, formatiere die vorhanden Elemente so, dass sie das gewünschte Layout ergeben.
Noch etwas zu meinem Beispiel, und dazu, ob du das wirklich willst.
Das Beispiel entstand extra für lulas Anforderungen.
Sind deine wirklich identisch?
Brauchst du wirklich diese Framesetimitation oder könnte dein Layout auch auf der Basis dieses Beispiels aufgebaut sein. Dazu gibt es einen umfangreichen Artikel, der das sehr gut beschreibt "Footer aller Art - feststehende Elemente realisieren".
Auf Wiederlesen
Detlef
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!