[CSS] Margin en float?

[Priet]

Voor mijn opleiding heb ik even een portfolio-site in elkaar gedraaid. Doet het allemaal prima, komt keurig door de validaties heen, maar er is helaas toch een klein probleempje waar ik niet helemaal uit kom.

URL: http://portfolio.peterriet.net

Probleem:
Het menu aan de linkerkant (de rode verticale balk met een blauw stuk halverwege) staat in Firefox een stuk verder van de kant af dan in Internet Explorer.

Ik heb verschillende margins en paddings geprobeerd op diverse elementen, maar ik krijg de menu's maar niet gelijk in beide browsers. Als ik van div.menu de margin-left op '0px' zet dan staat het menu in beide browsers geheel tegen de kant aan. Maar met '1px' zie je dat IE meer ruimte per 'px' rekent.

Is dat normaal of ligt het aan mij?

Ik heb voor de duidelijkheid wat screenshotjes gemaakt, let op de de rode rand ten opzichte van de 'H' van Home.

Firefox


Internet Explorer

Ziet iemand de fout? Ik ben het spoor kwijt...

[crisp]

IE's double margin bug: op te lossen door het element met de float ook een display:inline te geven

[Sappie]

edit:
hier stond dus onzin

offtopic:
Verder is het gebruikelijk om voor elementen die slechts één keer voorkomen in je site (en dus uniek zijn) gebruik te maken van 'id' ipv 'class'.

edit: niet goed gekeken... en dus wat crisp zegt Was uitgegaan van de screenshots (waar dus internet explorer onder het Firefox screenshot staat ) en had de css niet goed genoeg onder de loep genomen.

[ Voor 63% gewijzigd door Sappie op 20-09-2005 10:54 ]

[crisp]

De plaatjes staan verkeerd om

[Priet]

Wow, dat werkt! Dank!

De plaatjes stonden idd verkeerd om

* Priet schrijft 't op in z'n boekje onder de categorie 'weer wat geleerd'

[XangadiX]

ik blijf dit een van de belachelijkste bugs van IE vinden. een pixel is een pixel. Vind ik