CSS: IE <-> FF (ruimte tussen divs, lists)

Door Jan H op 27-11-2009 12:31

2.453 views

Hey,

Ik ben bezig een nieuwe website te designen. Ik stuit echter op een paar problemen bij het omzetten naar geldige css. In firefox en safari wordt m'n css goed gerenderd, maar in Internet Explorer ziet de layout er helemaal niet uit.

Zo is de ruimte tussen de divs van m'n modules niet correct, de lijst (items) worden opgeschoven naar links, ...

Beelden zeggen hier meer dan woorden:
Site: http://wip.aczele.be/
CSS: http://wip.aczele.be/aczele.css

Weten jullie soms wat er fout loopt?

Alvast vriendelijk bedankt

Onbekende gebruiker

27-11-2009 13:23

Kijk ook eens in Opera.
Het klopt dus niet wat je doet.... :-)
Die H3 van Nieuws e.d. heeft een margin-bottom die er niet moet zijn.

steen

27-11-2009 16:46

in opera werkt het wel goed,, behalve dat die lege ruimte bovenaan toch wel erg groot is...

Jan H

27-11-2009 16:49

In Opera werkt het inderdaad goed. Enkel IE ligt (weeral) dwars.

PS: de ruimte bovenaan is voorzien voor het menu (dat later komt).

Elwin - Fratsloos

27-11-2009 17:17

Misschien heb je er nu nog wat aan: maak gebruik van een reset CSS. Er zijn meerdere voorbeelden te vinden. Mijn ervaring is dat het daarmee veel makkelijker is om cross-browser te werken.

Mocht je het nu te veel werk vinden om alle marges ed. opnieuw in te stellen vanwege een reset CSS, dan kan ik je de Conditional comments aanraden.

Hmm.. die laatste eigenlijk ook als je mét een reset CSS werkt... :)

Reageren

Inloggen om te reageren