Categorieën
inline-block
EL Mystica op 08 december 2009 #
Ik heb een menu, gebaseerd op een ul en dat horizontaal geplaatst wordt. Links ervan komt een menu dat verticaal geplaatst wordt. Om de achtergrond mee in te werken, heb ik gebruik gemaakt van display:inline-block. Maar om de een of andere reden werkt hij niet naar behoren in Firefox: de onderlinge afstand tussen de blokken is soms 1px en soms 2 px... Iemand enig idee hoe dat komt en wat eraan te doen? Hier staat de pagina ( met tijdelijk inline css ) http://elmystica.be/omt.html
GodzillaPresley op 08 december 2009 #
Geen idee waarom dit fout gaat, maar ik heb vaker problemen gezien met inline-block.
Ik gebruik altijd display: block in combinatie met float:left.
Jouw css zou dan zo worden:
#menu ul.wide li {
display: block;
border: 0 none;
float:left;
}
#menu ul.wide li a {
display: block;
width: 120px;
padding: 0;
margin: 0 0 0 1px;
text-align: center;
color: #CBCBCB;
background-color: #242424;
border: 0 none;
}
Advertentie
Je kunt alleen reageren met een gratis OMT account.
Log in of registreer.
Inloggen
Over dit topic
Gestart op 08 december 2009 door EL Mystica
Laatste reactie door EL Mystica
Reageer op dit topic