5 svar · 262 visningar · startad av Melea
Hejsan!
Har stött på ett litet problem, har en liten meny på min sida som bara funkar korrekt i internet explorer.
Det som inte funkar i de andra webbläsarna är den marginalen som finns mellan de olika <li></li>:arna.
Någon som vet hur jag ska lösa detta?
Tack på förhand
Felstavning i topicen, skämmes ta mig f*n :)
Hmm...
Undersökte din kod genom att peta in en border på #navlist li - och när jag gjort detta var mellanrummen borta i MSIE...
Testade då med border:none - men då kom det tillbaka...
Så en "magisk" lösning på ditt problem är att göra följande:
#navlist li {
border: 1px solid #F1F1F1; /* fråga inte ...*/
och sedan lägga in mellanrummet du vill ha med t.ex.
#navlist li a {
margin-bottom: 10px;
Men fråga mig nu inte exakt *varför* det fungerar :birp
Härligt, alltid lika tacksam för dina svar ska du veta ;)
Du kan börja med att ta bort xml deklarationen du har. Den får nämligen IE 6 att inte gå i standard compliance mode utan i quirks mode. Läs mer om det här:
http://www.hut.fi/u/hsivonen/doctype.html
Sen för att lösa problemet du frågade efter, lägg till height:100%; på #navlist li a så löser det sig. :)
Tydligen tog jag för lång tid på mig att svara :OO
