nicht angemeldet
Hallo Ingo,
hier solltest Du am ehsten das letzte Beispiel 6 nehmen. Dieses hat nur einen klitzekleinen Schönheitsfehler im IE - und ist darüber hinaus leider bereits für normale 800*600er Fenster wegen der darin abgeschnittenen Navigation ungeeignet. Es spricht allerdings nicht wirklich etwas gegen dieses Beispiel, wenn die Navigation deutlich gekürzt wird.
Was ich ja im wesentlichen gemacht habe, nur sollte die Nav nicht links sondern unten stehen und eben alles mittig!
Die 790px hattest Du in der einen Version mit 100% überschrieben.
Klar, war ja nur zum Testen - mit den 790px erschien der Inhalt dann zwar in der richtigen Breite, aber eben linksbündig!
Und mit text-align zentriert nur der IE fälschlich auch Block-Elemente.
Und beim FF ging das auch mit den Grafiken für Header und Footer.
Du hast dabei nicht zufällig etwas anderes als position:static angegeben?
Doch bis eben: "position:absolute", aber mit "static" geht es auch nicht:
#body_container {
position:static;
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
top:0; left:0; right:0;
width: 790px; height:563px;
background:#BBBEC3;
z-index:1;
}
nicht eher http://de.selfhtml.org/css/layouts/anzeige/hintergrund.htm, wobei Du unbedingt auch die nächste Seite [http://de.selfhtml.org/css/layouts/fixbereiche.htm] lesen solltest.
Die werde ich mir nochmal genauer ansehen, bisher habe ich die Grafiken nicht als Hintergrund drin sondern als normales img, aber im Prinzip spricht nichts dagegen das zu ändern!
#header_container {
position:fixed;
top:0; left:0; right:0;
Was bezweckst Du bloß mit der fixierten Positionierung und reight:0?
Der Header soll fest an Position 0,0 erscheinen, das right:0 habe ich aus Beispielen übernommen (wobei die Angabe eigentlich überflüssig sein sollte) aber wenn man es löscht funktioniert "margin: 0 auto;" nicht mehr, d.h. die Seite wird wieder linksbündig ausgegeben :-(
Ich habe übrigens die Testseite unter: http://www.godawa.de/test_css/test1.htm aktualisiert, wobei Test 3 das Problem mit den "nichts tuenden" Scrollbalken demonstriert wenn man das Fenster klein macht!
Vielen Dank nochmal,
Thorolf