|
|||
Horizontale Liste - IE, Firefox, Opera -> Padding nach Lust und Laune
Hi,
ich hab grad mal wieder ein Problem mit dem ich jetzt schon wieder ewig dasitze, wo es sich doch mal gerade um 1px abstand hin oder her handelt. Also, moi hat folgendes simples XHTML: Code:
<div id="globalnav"> <ul> <li><a href="Default.aspx" class="selected">home</a></li> <li><a href="Solutions.aspx">solutions</a></li> <li><a href="Company.aspx">company</a></li> <li><a href="work.aspx">our work</a></li> <li class="last"><a href="Contact.aspx">contact</a></li> </ul> </div> Code:
#globalnav { margin-top:10px; height:30px; float: right; border:1px solid white; } #globalnav ul li { padding-top:10px; margin-left: 0; padding-right: 23px; display: inline; list-style: none; } #globalnav ul { border:1px solid red; } #globalnav li.last { padding: 0; } #globalnav ul li a { color: #FFF; text-decoration: none; font-size: .65em; letter-spacing: 1px; } #globalnav ul li a:hover { color: #d43b3b; } #globalnav ul li a.selected { color: #FFF; padding-bottom:10px; border-bottom: 1px solid #d43b3b; } Danke, Daikoku |
Sponsored Links |
|
||||
1. Setz die Abstände global auf 0, da alle Browser verschiedene Standardabstände nutzen
* { padding: 0; margin: 0; } 2. Ist z.B. ein padding-top oder padding-bottom unzulässig für ein Inlineelement. 3. Setz für das A deine gewünschte Höhe mit line-height
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
|||
Zitat:
Hatte ich wie in meinem letzten Post angesprochen auch schon probiert, allerdings bleibt immer ein 1-2px Unterschied |
|
|||
Warum diesen pixelgenauen Zwang? Man kann die Schriftgröße eh nicht endgültig vorgeben.
Oder glaubst du die Anwender werden schreiend davon rennen, wenn sie ausversehen die Site in zwei verschiedenen Browsern mit einer Lupe ansehen und die paar Pixel Unterschied feststellen? Wann lernen die selbsternannten Webdesigner, dass Webdeisgn kein Druckdesign ist, das Unterschiede von Browser zu Browser unvermeidlich, normal und gar gewollt sind, und ausser ihnen sich kein Arsch dafür interessiert? Robin |
|
|||
Zitat:
zum Thema: Warum ist eine Pixelbreite vorgegeben, wenn nur der Linktext ein underline oder border-bottom erhalten soll? |
Sponsored Links |
|
|||
Sorry, ich versteh nicht genau was für eine Pixelbreite du meinst?
|
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Ungewöhnlicher abstand beim clearen von floats | adrianno | CSS | 14 | 16.09.2009 14:20 |
Float-Reihenfolge? | wolf1985 | CSS | 0 | 21.08.2008 01:35 |
Opera verschiebt die Liste und Firefox macht abständer :( | ThorstenSt | CSS | 13 | 15.08.2005 13:05 |
div -> Border -->> Wirkung opera firefox | Holger (HMR) | CSS | 1 | 01.04.2005 17:44 |
horizontale Liste mit Links - Problem mit Opera | mikey | CSS | 0 | 05.01.2005 12:19 |