Navigation - Zelle mit fester Breite

[Yo_Low]

Hey Community,

ich bin noch nicht so gut mit HTML und hab ein Vorhaben, wobei ich nicht weiß, wie ich es umsetzen muss. Für euch wird es bestimmt nicht so schwer sein.

Das Gerüst für die Navigation:
<div id="navigation"><!-- Beginn der NAVIGATION -->
<ul>
<li><a href="index.html>Home</a></li>
<li><a href="seite2.html>Seite2</a></li>
<li><a href="seite3.html>Seite3</a></li>
<li><a href="seite4.html>Seite4</a></li>
</ul>

</div><!-- Ende der NAVIGATIONS -->

Mein Vorhaben ist es, dass jede Zelle (Home, Seite2 ...) eine einheitliche Breite hat, da später alle nebeneinander angeordnet sein sollen. Dies lässt sich bestimmt einfacherhalber manuell einstellen durch fixe Werte. Nur wie?

Und lässt sich dies vlt. sogar automatisieren, dass die Zellen immer die Größe der breitesten Zelle einnehmen?

Ich hoffe, ich habe alles ausreichend dargestellt.
Vielen Dank für eure Informationen.

Mit freundlichen Grüßen

 

[threadi]

Siehe:
http://www.stichpunkt.de/css/menues.html
http://www.ohne-css.gehts-gar.net/0066.php

Moderation: Verschoben von HTML zu CSS.

 

[jumbo125]

Hallo

Weiß nicht ob es hilft und wiehernde diese Methode gesehen ist:

Wenn du weißt es sind so und so viele links, bspw5 links, dann mach folgendes:

5 links durch 100% weite = 20% Breite pro link
Mit etwas Abstand zwischen den links , bspw:1% links und 1% rechts sind es 18%

Dann sieht's so aus; ul{width: die breite der gesamten navigation
Height:auto ;
}ul li { width: 18%; margin: 0% 1% 0% 1%;18%
Float: left; // dadurch ist's nebeneinander
Text-alugn: Center;// würdest du Pudding nehmen musst du die 18% dementsprechend ändern
Word-Break// damit lange Wörter geteilt werden, anstatt über den link hinaus zu ragen
Am Schluss clearen!!! D.h. Nach dem letzten link ein leeres DIV setzten mit clear:both;

P.s. Verwende html 5 sonst musst du in geraumer zeit wieder alles umändern...
}