Alles anzeigen
koslowski
wie meinst du das - an den Haaren herbeigezogen?
diese Seiten sind als unterseiten der Seite Orgel angelegt und die Navi ist auch so gemacht, da gibts doch gar keine Haare?
Ich war der Meinung, wenn man ein Element ausserhalb des Flusses positionieren will, muss man es "absolut" positionieren?
Wie könnte man das denn in diesem Falle sonst machen?
Wenn ich sie relativ setze, dann geht die Hauptnavi unterhalb weiter ...
vielen Dank für eine Erklärung.
Irmen
okay, jetzt hab ichs kapiert. Ich bin mal auf die Startseite gegangen. :)
Wie schon gesagt ich halte die ganze Konstruktion für vollkommen instabil, wie man ja auch im IE6/7 sehen kann.
Ich glaube auch nicht, das du mit der Struktur und der sich daraus ergebenen.....äh....suboptimalen Gestaltungsanweisungen glücklich wirst.
Das alles wirkt ein bißchen wie eine ständige Verschlimmbesserung zur Fehlerbeseitigung.
Sorry, ist nicht böse gemeint. :)
Das der Container #access mit margin nach unten geholt werden muss, in sich noch mehrfach überflüssigerweise verschachtelt ist, bis die navi mal im Quelltext steht ruft bei mir nur ein verständnisloses Kopfschütteln hervor.
#fixenavi und #kalender sind überflüssigerweise absolut positioniert und stecken wieder im #header, von dem sie aber nicht eingeschlossen werden, weil sie absolut positioniert sind. Da steht dann noch ein div#tiggermantel im Gelände rum, dessen Sinn nebulös bleibt.
Vom div#masthead, was im div#header steckt und wo #fixenavi und #kalender drinhocken, die aber wg. absol. Positionierung nicht vom div#masthead umschlossen werden will ich lieber gar nicht erst anfangen.
div#content hat keine Breite, was wg. IE6/7 nicht gut ist, ist aber noch zweifach in anderen überflüssigen Containern verschachtelt.
So würde eine vernünftige Struktur für deine HP ausschauen:
<body>
<div id ="wrapper">
<div id="header">
<h1>Hauptüberschrift</h1>
</div><!-- Ende #header -->
<div id="topnavi">
</div><!-- Ende ##topnavi -->
<div id="fixenavi">
</div><!-- Ende #fixenavi -->
<div id="content">
</div><!-- Ende #content -->
<div id="kalender">
</div><!-- Ende #kalender -->
<div id="footer">
</div><!-- Ende #footer -->
</div><!-- Ende #wrapper -->
</body>#wrapper bekommt ne feste Breite und wird über margin:0 auto; horizontal zentriert.
navi und subnavi kommen beide in #topnavi.
#fixenavi, #content und #kalender bekommen alle drei festen Breiten und floaten auch alle drei, um einen gemeinsamen Block Formatting Context herzustellen.
Die Floats werden entweder hardcodiert direkt nach dem Ende von #kalender gecleart, oder noch besser, wenn es geht, #footer bekommt das Clear.
Mehr zusammenfassende Container brauchst du normalerweise nicht. :wink:
Ach ja, zum Schluß noch ein Link, der dir beim Verbessern deiner Kenntnisse helfen kann.
