Ik heb vandaag een layout geprobeerd te maken. Maar als ik hem nu in IE en FF bekijk, dan ziet de weergave in FF er brak uit. Wat zou ik moeten veranderen om het goed te krijgen?

het gaat om:
http://www.amsterdamnoord.heeftveelt...e-bmwr90s.html

Alvast bedank

Misschien je menu even wat naar links, staat ook iets beter.

Bedoel je dan naar links door de padding om de hele layout weg te halen? of bedoel je naar links door de padding in het menu vlak te verminderen?

Ik begrijp wel dat het probleem ontstaat omdat ie de padding (& border?) bij het vlak optelt. Terwijl FF deze padding er vanaf haalt. enige vraag is, wat kan ik er aan doen?

In dit geval is het niet zo erg als die menu balk wat verder naar links gaat of als ik dat menuvlak verbreed. Maar het moet toch gewoon mogelijk zijn om de lay out in beide browsers gelijk aan elkaar te krijgen!?!?

Dit was jouw probleem

ul {
margin-top: 0px;
margin-left: 28px;
}


en dit moet je gebruiken

ul {
margin-top: 0px;
margin-left: 0px;
}

Dank je Radule, dat was wel hetgeen het probleem veroorzaakte.

alleen als ik de margin-left op 0px instel, dan staan de opsommingstekens in IE links van de gewone tekst. Terwijl ik de opsomming juist iets naar rechts wil hebben. Als ik het helemaal weglaat die margin-left, dan staat het zowel in IE als Firefox op de juiste plaats.

Nu heb ik een volgend probleem. Als achtergrondkleur voor de body heb ik ffies #f3edd6 ingesteld. Gewoon om goed te zien of alles goed gaat. In FF blijft er nu een klein balkje van deze kleur zichtbaar tussen de bovenkant en het middenstuk van het ontwerp. En ik kan in mijn css bestand nergens een padding of margin ontdekken die dit laat gebeuren.

Iemand een idee waar het nog maar aan kan liggen?

div.content {

float: left;

}