dynamische Linkbreite mit css ohne Tabelle
Verfasst: 17.03.2005 00:00
Ich habe einen Header mit fünf Links
mit Tabellen klappt alles wunderbar, da stellt man für jede Tabelle 20% ein, Verhalten mit CSS definiert, fertig.
Ich möchte jedoch die neue Seite ohne Tabellen gestalten.
Vertikale Menüs sind auch problemlos möglich, es hapert allerding beim horizontalen Menü, mit relativer Breite. Die 'Zelle' ist nämlich nur genauso breit wie der Link (oder breiter, wenn man für margin etwas einsetzt.)
Mein Codes
HTML Datei
CSS Datei
Außerdem sieht das Design im IE etwas zerschossen aus. Mit Firefox jedoch normal.
Testseite
Ist es möglich, die 'Zellen'-breite auch mit 20% anzugeben ?
mit Tabellen klappt alles wunderbar, da stellt man für jede Tabelle 20% ein, Verhalten mit CSS definiert, fertig.
Ich möchte jedoch die neue Seite ohne Tabellen gestalten.
Vertikale Menüs sind auch problemlos möglich, es hapert allerding beim horizontalen Menü, mit relativer Breite. Die 'Zelle' ist nämlich nur genauso breit wie der Link (oder breiter, wenn man für margin etwas einsetzt.)
Mein Codes
HTML Datei
Code: Alles auswählen
<div id="header_links">
<a href="aktuelles.html">Aktuelles</a>
<a href="information_ueber_den_wsv_verden.html">Informationen</a>
<a href="#forum">Forum</a>
<a href="#fotoalbum">Fotoalbum</a>
<a href="kontakt.html">Kontakt</a>
</div>Code: Alles auswählen
#header_links, #header_links a:link, #header_links a:visited, #header_links a:hover, #header_links a:active, #header_links a:focus {
float: left;
margin: 0px 30px 0 30px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
display:block;
text-align: center;
vertical-align: middle;
background-repeat:repeat-x;
text-decoration: none;
font-size: 100%;
line-height: 30px;
height: 30px;
}
Testseite
Ist es möglich, die 'Zellen'-breite auch mit 20% anzugeben ?