Hallo Forum,
mit einem 1px großen Problem komme ich nicht weiter...
Habe eine kleine css-Navigation gebastelt:
.footer { width:100%;
border-top:1px solid #2f80bf;
background-color:#2f80bf;
}
.footersubtext { font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
border-top:1px solid #2f80bf;
color:#0066cc;
background-color:#ffffff;
}
a.footernav { font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
border-right:1px solid #ffffff;
/* border-left:1px solid #ffffff;*/
padding:3px;
text-decoration:none;
}
a.footernav:link { color:#ffffff;
background-color:#2f80bf;}
[usw. mit visited, hover, active]
<table class="footer" cellspacing="0" cellpadding="1">
<tr>
<td><a class="footernav" href="#">Kontakt</a><a class="footernav" href="#">Hilfe</a><a class="footernav" href="#">Logout</a><a class="footernav" href="#">meine Userdaten ändern</a></td>
</tr>
<tr><td class="footersubtext">Fußzeile</td></tr>
</table>
Leider zeigen Mozilla und Opera leichte Verschiebungen nach oben gegenüber IE (die von mir gewünschte Darstellung), ich habe schon an allen möglichen Parametern rumgedreht, padding, line-height, Zellenhöhe etc... nichts hilft wirklich. Der <a>-Bereich scheint sich sogar oben aus der Tabelle rauszuschieben.
<img src="http://www.visuelya.net/selfpics/ie.gif" border="0" alt="">
<img src="http://www.visuelya.net/selfpics/mozilla.gif" border="0" alt="">
<img src="http://www.visuelya.net/selfpics/opera6.gif" border="0" alt="">
Hat jemand von Euch einen Tipp? Danke für's Anschauen.
Schöne Grüße aus Köln-Ehrenfeld,
Elya
Keep passing the open windows.