Ingo Turski: css Navi mit HG Bildern

Beitrag lesen

Hi,

#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).

margin:5% auto;

Mal festhalten: hier definierst Du 5% der Fensterhöhe als oberen Abstand.

z-index:1;

der wirkt sich nur auf positionierte Elemente aus.

#navi {
  position:absolute; top:100px; left:55px;

übel - Du kannst nicht wissen, wieviel px die zuvor definierten 5% ergeben.

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.

#menu a:hover {
  color: white;

die erneute Farbangabe ist überflüssig.

<body style="background-color: #000; margin:0; padding:0;">

<div id="kontainer" style="width:900px; height:560px;">

warum hier inline-styles?

<div id="navi">
<div id="menu">

wozu das innere DIV? Und wozu überheipt ein DIV? <ul id="navi"> wäre angemessen und ausreichend.

freundliche Grüße
Ingo