ruimte tussen div's in opera 7

[Verwijderd]

Toch eindelijk besloten ook mijn table layout om te zetten naar de div layout.
Na veel ploeteren en veel gelezen te hebben, eindelijk het goed gekregen in IE 6.x en Mozilla.
Nu zie ik bij opera 7.0 extra ruimte tussen de divjes ontstaan.
Heeft iemand enig idee hoe ik er die er nog 'uitsloop' ?

Heb de search en google gebruikt maar niet echt een oplossing gevonden zo 123.
Voorbeeld:

http://www.amygo.tomaatnet.nl

Opera 7.0


Mozilla en IE

[ Voor 15% gewijzigd door Verwijderd op 02-02-2003 16:29 ]

[Verwijderd]

Niet iedereen heeft hier al Opera 7, zou je even een screenshot willen plaatsen?

[NielsNL]

Hoe het komt weet ik ook niet, maar het viel mij op dat het lettertype ook groter is in Opera, waardoor je nog meer problemen kunt krijgen...
In Opera 6 ziet het er trouwens nóg iets beroerder uit.

[ Voor 18% gewijzigd door NielsNL op 02-02-2003 19:43 ]

[Blaise]

Hoe het komt weet ik ook niet, maar het viel mij op dat het lettertype ook groter is in opera, waardoor je nog meer problemen kunt krijgen...

De tekst hoort zich aan te passen aan de div, niet andersom (behalve bij hele lange woorden), dus bij een groter lettertype wordt de div gewoon wat hoger, lijkt me.

[Verwijderd]

Text is gewoon verdana en 9pt groot dus dat mag geen problemen opleveren volgens mij.

[Blaise]

Ik heb ook een keer iets vergelijkbaars gehad, en toen lag het aan de CSS, toen ging Mozilla de padding optellen bij de divbreedte, misschien is er iets vergelijkbaars aan de hand..

[NielsNL]

Neej klopt, het divje is gewoon een paar pixels smaller...

[Verwijderd]

Het zou eventueel aan het box-model kunnen liggen. Voeg dit eens toe aan je stylesheet:

code:

div {
    box-model:border-box;
    -moz-box-model:border-box;
}

[Blaise]

Die boven-midden div heeft geen BoxHeader, en met die boxheader doe je allerlei dingen met margin en padding e.d.

[Verwijderd]

Verwijderd schreef op 02 February 2003 @ 19:52:
Het zou eventueel aan het box-model kunnen liggen. Voeg dit eens toe aan je stylesheet:

code:

div {
    box-model:border-box;
    -moz-box-model:border-box;
}

Had ik ook al geprobeerd, geen effect helaas.

Blaise schreef op 02 February 2003 @ 20:04:
Die boven-midden div heeft geen BoxHeader, en met die boxheader doe je allerlei dingen met margin en padding e.d.

Zowel in de BoxHeader als in de box gebruik ik dezelfde padding en margins, dus ook dat kan het niet zijn.

[Verwijderd]

Iemand nog een idee?