Ulige padding for sidste li-element?
Hej,Jeg et stødt på et underligt CSS-problem, som jeg ikke har kunnet finde svar på på Google.
Det hurtigste er nok at vise problemet (husk at se kildekoden): http://bykristian.com/help.html
Padding'en er større i højre side for de første elementer, end for det sidste. Hvis man reducerer padding'en, så rammen får ens tykkelse hele vejen rundt for de første elementer, bliver den højre ramme på det sidste element i stedet forkert. Det er et temmelig underligt problem, synes jeg, selvom kildekoden selvfølgelig heller ikke er helt standard:
1) De tre menulinks er sat op som en unordered list. Hvert li-element har en sort baggrund, og li-elementets padding bestemmer hvor meget af den sorte baggrund der ses.
2) links (<a>) har en hvid baggrundsfarve, som udvides med en padding.
Hvis ikke det var for padding-problemet ville den viste løsning muliggøre at li-elementer kan have en baggrundsfarve og effektivt 2 border-farver. Dette kan løse et designproblem jeg har, og stadig tillade at menuen genereres automatiseret ud fra en database, da der blot er tale om en uordnet liste med links.
Jeg har observeret problemet i Firefox 3.6, Safari 5 samt Chrome 6, men sjovt findes problemet ikke i Opera 10.6. Hvis nogen har et forslag til hvordan problemet kan løses, ville jeg blive meget glad.