3 Boxen über Seitenbreite verteilt

[Gerald]

@Thomas und Gunnar:

zuerstmal vielen Dank für Eure frühmorgentlichen Tipps. Ich habe Eure Varianten ausprobiert und vorläufig alle drei Versionen (meine, Thomas, Gunnar) untereinander gestellt. Wie ihr auf http://m.tauchclubinnsbruck.at sehen könnt, sind alle drei noch nicht optimal, wobei die Version von Gunnar dem ganzen schon recht nahe kommt, aber einfach ein Stück zu weit rechts beginnt und zu weit links endet (sollte sich optimalerweise mit den Links unten decken).

Folgendes habe ich für die Version "Thomas" übernommen:

<ul class="nav">  
 <li><a href="/club.php">Club</a></li>  
 <li><a href="/ausbild.php">Ausbildung</a></li>  
 <li><a href="/termine.php">Termine</a></li>  
</ul>  

ul.nav { list-style-type:none; width:100% }  
.nav li { display:inline-block; width:33%; margin:0; padding:0; }  
.nav li a { display:block; text-align:center; padding:8px 5px; border:1px solid #E5EBFF; border-radius:5px; cursor:pointer; color:#ffffff;font-weight:bold; background-color:#0039D8; }  

Folgendes habe ich für die Version "Gunnar" eingegeben:

<nav class="navg">  
  <ul>  
    <li><a href="/club.php">Club</a></li>  
    <li><a href="/ausbild.php">Ausbildung</a></li>  
    <li><a href="/termine.php">Termine</a></li>  
  </ul>  
</nav>

nav.navg{ list-style-type:none; width:100%}  
.navg li { display:inline-block; width:33%; margin:0; padding:0; }  
.navg li a { display:block; text-align:center; padding:8px 5px; border:1px solid #E5EBFF; border-radius:5px; cursor:pointer; color:#ffffff;font-weight:bold; background-color:#0039D8; }  

Jetzt schon danke für weitere Vorschläge. Danke!
Liebe Grüße aus dem tief verschneiten Tirol!