nicht angemeldet
Hallo zusammen
Ich hab wieder mal n CSS Problem mit einer Reiter navigation.
Diese sieht zwar bei Firefox gut aus, doch auf dem PC mit IE6 stimmt die nicht ganz, d.h. der Abstand der gesammten müsste ein pixel (!) nach unten, da ich nun einen Zwischenraum habe von Leiste zu seconsleiste.
Hier der Code im HTML:
<div class="contentnaviowl">
<ul class="primaryowl">
<li><a href="#">inaktive Lasche</a></li>
<li><span class="aktive">aktive Lasche</span></li>
<li><a href="#">inaktive Lasche</a></li>
<li><a href="#">inaktive Lasche</a></li>
</ul>
</div>
<div class="contentnaviborderowl"></div>
und dann das CSS:
.contentnaviowl {
position: absolute;
margin: 5px;
width: 631px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
.contentnaviowl ul.primaryowl {
margin: 0;
padding: 0;
position: relative;
width: 631px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
.contentnaviowl ul.primaryowl li {
display: inline;
list-style: none;
}
.contentnaviborderowl {
margin-top: 24px;
padding-top: 5px;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
border-left: none;
border-right: none;
background: #ffffff;
}
.contentnaviowl ul.primaryowl a {
background: #666666;
border-bottom: none;
}
.contentnaviowl ul.primaryowl a {
padding: 1px 26px 4px 5px;
margin: 0 -3px 0 0; /* Zwischen Abstände */
text-align: center;
font-size: 12px;
text-decoration: none;
color: #ffffff;
}
* html div#primaryowl {
padding: 1px 26px 6px 5px;
}
.contentnaviowl ul.primaryowl span.aktive {
padding: 2px 26px 4px 5px; /* Positionierung der aktiven Leiste*/
margin: 0 -3px 0 0; /* Innenabstand von rechts der aktiven Leiste */
text-align: center;
font-size: 12px;
font-weight: bold;
color: #f20074;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
background: #ffffff;
}
Eigentlich nicht sooo ne Sache, doch ich brings nicht hin und verzweifle ...
Kann mir da jemand helfen?
Tausend Dank
Oliver