[css] margin v/e list

[anoniem]

Ik heb een menu gemaakt, waar de links in een list staan. Wanneer ik de website in mozzilla bekijk schuift de list een pixel of 10 naar rechts. Alsof mozzilla 10px bij leftmargin opteld. Kan iemand me uitlegen hoe het komt dat IE en mozilla een list niet hetzelfde weergeven en hoe ik dit evt kan oplossen? [url=http://www.web-core.nl/huidige%20projecten/zitten/]Voorbeeld[/url]

[anoniem]

De borders van de website kloppen ook nog niet helemaal, maar hier heb ik zelf nog niet naar gekeken. Mocht iemand het antwoord zo uit het bolletje weten hoe ik dit kan oplossen, mag je dit natuurlijk wel vermelden :lol:

[anoniem]

Op onderstaande pagina is wel het een en ander te vinden over het gedrag van lijsten. http://www.alistapart.com/articles/taminglists

[anoniem]

hehe zet eens bij je .menu ul: padding: 0; bij :) (niet in IE getest) zet meestal bovenaan mijn css iets als body, form, ul (etc) {margin: 0; padding:0; } en werk vanaf daarvan verder om dit soort dingen te voorkomen... zeker form en ul/ol hebben anders nogal de neiging er in elke browser anders uit te zien -_-

[anoniem]

IE en Mozilla gebruiken standaard andere manieren om lijsten te indenteren. Het beste is inderdaad om margin en padding eerst op 0 te zetten (zowel voor ul/ol als li) en vandaaruit naar het gewenste effekt te werken.