suit: erstens Link - padding zweitens div mit x prozent und padding

Beitrag lesen

ich denke dann habe ich das richtig gemacht, diese Navigation als Id zu deklarieren.

ja, aber der von mir vermutete html-code, den du verwendest (div-suppe) ist noch nicht optimal

Dh. der aktive Link hat immer eine andere Farbe wie die übrigen.
<div id="<?php echo $link_ebene1; ?>">

machs mit klassen und sorge dafür, dass der code als unsortiere liste ausgebeben wird - das herumschleudern mit divs macht dir nur die arbeit mit css schwerer ;)

Das der aktive Link nicht aufzurufen ist, muss ich wohl mit php lösen.

dein code sieht momentan dann etwa so aus

  
<div id="navigation">  
<div class="link_ebene1"><a href="#">Artikel</a></div>  
<div class="link_ebene1_aktiv"><a href="#">News</a></div>  
<div class="link_ebene1"><a href="#">Sonstiges</a></div>  
</div>

aber das ist auch nicht notwenig - das ganze sollte so aussehen

  
<ul id="navigation">  
  <li><a href="#">Artikel</a></li>  
  <li><a class="aktiv" href="#">News</a></li>  
  <li><a href="#">Sonstiges</a></li>  
</ul>

und noch besser so:

  
<ul id="navigation">  
  <li><a href="#">Artikel</a></li>  
  <li><span>News</span></li>  
  <li><a href="#">Sonstiges</a></li>  
</ul>

link_ebene1 usw ist redundant, da du jeden link in einer ordentlichen liste anhand seiner verschachtelungstiefe über css eindeutig selektieren kannst zb hier

  
<ul id="navigation">  
  <li><a href="#">Artikel</a></li>  
  <li><span>News</span>  
    <ul>  
      <li><a href="#">Archiv</a></li>  
      <li><a href="#">Übersicht</a></li>  
    </ul>  
  </li>  
  <li><a href="#">Sonstiges</a></li>  
</ul>

ein link ab der erste ebene (kindselektoren sind leider dank dem IE nicht zielführend einsetzbar [1]) ist zb mit ul#navigation a selektierbar, einer in der zweiten ebene zb mit ul#navigation ul a - der jeweils aktive menüpunkt mit ul#navigation span

die ganz schöne variante für einen link in der ersten ebene wäre ul#navigation > li > a - aber da ist eben die spassbremse von microsoft dagegen ;)