Hallo Ingo
#kontainer{
text-align:left;
width:900px;
height: 560px;
übel - was ist, wenn das Fenster niedriger ist oder der Inhalt größer (denke auch an Schriftvergrößerung).
-> Da der Hintergrund ein ganzes Bild ist und ich Annehme das beim Navigieren jedes Mahl das (grosse) HG-Bild neu geladen wird? Arbeite ich mit einem I-Frame (mit fixer Grösse )in dem der Inhalt angezeigt wird. Somit bleibt das grund Div immer gleich gross.
margin:5% auto;
Mal festhalten: hier definierst Du 5% der Fensterhöhe als oberen Abstand.
-> ja genau -> um das grund Div etwas nach unten zu rücken. Habe auch schon andere möglichkeiten zur Zentrierung des "grund Div's versucht wie z.B. die methode mit "top 50% left 50%" und der halbewn höhe und Breite zur zentrierung versucht - jedoch ist wen das Browserfenster kleiner als das "grund div" sprich die Page ist nicht der gesamte bereich scrollbahr und es kann somitt deim anzeigen mit kleinem Browswefenster ober sehr kleinen Bildschirmauflösungen (XXXx800) nicht die ganze Page dargestellt werden. Desshalb so so ist es zumindest einigermassen zentriert und wenn ganz klein voll scrollbar. (andere Möglichkeit?)
z-index:1;
der wirkt sich nur auf positionierte Elemente aus.
-> Danke
#navi {
position:absolute; top:100px; left:55px;
übel - Du kannst nicht wissen, wieviel px die zuvor definierten 5% ergeben.
-> die Navi sollte sich am "grund div" (mit den 5%) ausrichten (-> tut sie mittlerweile auch)
font: bold 12px/1Arial;
"1Arial" ist kein gültiger Wert für line-height. Abgesehen davon würde bei der font-family die generische Angabe fehlen.
-> ups, habe ich bemerkt und geändert / Thanx
#menu a:hover {
color: white;
die erneute Farbangabe ist überflüssig.
-> Thanx
<body style="background-color: #000; margin:0; padding:0;">
<div id="kontainer" style="width:900px; height:560px;">
warum hier inline-styles?
-> hatte Probleme mit der Darstellung, versuchs mal ohne.
<div id="navi">
<div id="menu">
wozu das innere DIV? Und wozu überheipt ein DIV? <ul id="navi"> wäre angemessen und ausreichend.
->Das Menue div hat eine fixe Grösse um darin die Bilder für die Buttons für standard, Hover und Active anzuzeigen welche im css text als HG-Bilder definiert sind. Das umschliessende Navi Div erstellte ich um die ganze Navi besser zu Positionieren (Fehler?).
Wozu über haupt ein Div?
-> um die HG-Bilder für a Hover und Active Festzulegen. -> geht dies auch mit ul?
Grüsse Tomx