Problem bei der Zentrierung von horizonaler Navigation/Menü

[Gunnar Bittersmann]

@@Disk Rhode

  <div class="header">

Das sollte kein div sein, sondern ein header-Element. Eine Klasse "header" ist dafür nicht nötig.

  <div id="logo">
    <a href="./index.php?id=36"><img src="fileadmin/template/logo.jpg" alt="" border="0" width="195" height="71" /></a>
  </div>

Das div um das a-Element gruppiert nichts; es ist wohl überflüssig.

Was hingegen nicht überflüssig ist, sondern unbedingt vorhanden sein muss, ist ein Alternativtext fürs Bild. Sonst hat der Link keinen Linktitel.

border="0" gehört nicht ins HTML, sondern ist mit CSS anzugeben.

  <div class="mainNavi">

Das sollte kein div sein, sondern ein nav-Element. Eine Klasse "mainNavi" ist dafür nicht so sinnvoll; das wäre eher eine ID.

Das Markup sollte demnach so aussehen:

<header>
  <a href="./index.php?id=36"><img src="fileadmin/template/logo.jpg" alt="example dot com" width="195" height="71" /></a>
  <nav id="mainNavi">

Ich bin mir sicher, es geht einfacher!

Ich auch. Einfacher anzusehen geht das mit Online-Beispiel.

LLAP 🖖