ingoS
Aktives Mitglied
Ich baue im Moment eine Homepage und bin mal wieder der Verzweiflung nahe:
Eigentlich wollte ich ausschließlich mit CSS ein Reiter-Menü bauen, à la:
Dies ist mir leider nur mäßig gelungen.
Firefox und Opera zeigen mir einen winzigen Abstand zwischen den Reitern (<ul>) und Textbereich (
) an, der IE einen riesigen leeren Zwischenraum, obwohl ich wirklich alles auf 0 gesetzt habe, was man auf 0 setzen konnte. Der einzige Browser, in dem alles perfekt funktioniert, ist überraschenderweise Netscape, doch das hilft mir leider ziemlich wenig.
Seite
CSS-Datei:
Eigentlich wollte ich ausschließlich mit CSS ein Reiter-Menü bauen, à la:
Code:
______ ______ ______ ______
|______|__| |__|______|__|______|
| |
| |
| |
| |
|____________________________________|
Firefox und Opera zeigen mir einen winzigen Abstand zwischen den Reitern (<ul>) und Textbereich (
) an, der IE einen riesigen leeren Zwischenraum, obwohl ich wirklich alles auf 0 gesetzt habe, was man auf 0 setzen konnte. Der einzige Browser, in dem alles perfekt funktioniert, ist überraschenderweise Netscape, doch das hilft mir leider ziemlich wenig.
Seite
CSS-Datei:
Code:
body
{
font-family: arial, sans-serif, helvetica, geneva;
}
#ergebnisse
{
margin-left: 27px;
margin-right: 45px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 12pt;
background-color: #ffffee;
padding: 3px;
}
#haupttext
{
padding-left: 27px;
padding-right: 45px;
background-color: transparent;
font-size: 12pt;
}
#ticker
{
margin-left: 27px;
margin-right: 45px;
background-color: white; font-size: 10pt;
}
a:link
{
color: #000088;
text-decoration: underline;
}
a:visited
{
color: #000088;
text-decoration: underline;
}
a:hover
{
color: #447744;
text-decoration: none;
}
ul
{
list-style-image:url(images/bullet.gif);
list-style-position: outside;
}
ul li
{
padding-bottom: 15px;
}
ul#horizontalmenu
{
text-align:center;
margin: 0px;
padding: 0px;
}
ul#horizontalmenu li
{
padding: 0em 1em;
margin-left: 3px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.inaktiv
{
background-color: #ccc;
}
.aktiv
{
background-color: #ffffee;
}