geplaatst door: MartiBo
Ik ben bezig om een website te bouwen, welke jullie kunnen vinden op:
http://www.id-foryou.nl/ciko/index.html

Op mijn mac wordt de website naar wens weergegeven. Maar als ik echter in Internet Explorer kijk zie ik in de 2 kolommen aan de rechterzijde een horizontale en een verticale 'double margin bug'. Oplossingen zouden in het css display:inline kunnen zijn. Maar wat ik ook probeer, er blijven dubbele margins.
Weet een van jullie een oplossing?

Daarnaast is tevens in de navigatie een oranje (actieve pagina) balkje, die links buiten het grijze vlak hoort te beginnen. Maar ook dit gaat in IE fout. Het balkje blijft even breed als het grijze vlak. Misschien hebben jullie daar ook een oplossing voor?

Macbook Pro i7, Apple Display. http:// idforyou.nl
Double Margin Bug in IE... Wie heeft een oplossing?
18 maart 2009 - 11:24    reactie #2
geplaatst door: Blender
En wat geeft dat resultaat: de oplossing die MartiBO al heeft toegepast!

Gebruik conditional statements en pas waardes aan speciaal voor IE6
(en misschien ook 7). Soms moet je ook je div structuur aanpassen.
Ik weet het IE6 zuigt (en zeven en zelfs acht), maar het is niet anders.

Mooie site trouwens!

(Bewerkt door Blender om 11:25, 18-03-2009)

(Bewerkt door Blender om 11:27, 18-03-2009)

Double Margin Bug in IE... Wie heeft een oplossing?
18 maart 2009 - 11:48    reactie #3
geplaatst door: Panico
Is er een site met voorbeelden van die conditionals voor MSIE?
http://www.pauldj.nl/  ("Interesting reaction! But what does it mean?")
Double Margin Bug in IE... Wie heeft een oplossing?
18 maart 2009 - 12:24    reactie #4
geplaatst door: MartiBo
Panico, dat is inderdaad hetgeen ik zelf ook heb geprobeerd. Maar dat lijkt hier dus niet de oplossing te zijn.

Blender, ja, ik had ook al het idee om met conditional statements aan de slag te gaan. Ik denk dat dan dus ook de hele structuur aangepast zal moeten worden... *zucht* Maar goed, ik hoopt dat ik ergens misschien iets verkeerd heb/had en dat jullie dus een snelle oplossing zouden weten.

Lang leve Internet Explorer... NOT!

Macbook Pro i7, Apple Display. http:// idforyou.nl
Double Margin Bug in IE... Wie heeft een oplossing?
18 maart 2009 - 12:47    reactie #5
geplaatst door: Blender

Citaat
Panico om 11:48, 18-03-2009
Is er een site met voorbeelden van die conditionals voor MSIE?

Ja, heel veel. Bijvoorbeeld:
http://www.haan-seo.nl/blog/downlevel-conditionals/

Double Margin Bug in IE... Wie heeft een oplossing?
18 maart 2009 - 12:59    reactie #6
geplaatst door: Panico
Dank voor de tip, ik begrijp dat je de divstructuur dus toch niet al te mooi kunt maken...
http://www.pauldj.nl/  ("Interesting reaction! But what does it mean?")
Double Margin Bug in IE... Wie heeft een oplossing?
18 maart 2009 - 13:08    reactie #7
geplaatst door: Blender

Citaat
Panico om 12:59, 18-03-2009
Dank voor de tip, ik begrijp dat je de divstructuur dus toch niet al te mooi kunt maken...

Ieder geval staat op zich. Soms is het al voldoende om
bijvoorbeeld een negatieve marge alleen voor IE6 op te geven.
Om maar iets willekeurigs te noemen.

Nog iets. Je kunt in IE6 ook niet zomaar een div een hoogte van 1 pixel meegeven,
dan moet je in de div commentaar plaatsen (er zijn ook andere oplssingen voor).

Je moet in ieder geval je site vaak in IE6 testen. Voor je het weet werk je jezelf
in de nesten met deze browser. Dan kom je er aan het eind van de dag achter
dat het inmiddels een zooitje is geworden in die browser.

Double Margin Bug in IE... Wie heeft een oplossing?
18 maart 2009 - 14:34    reactie #8
geplaatst door: marcone
ik weet dat je niet op dit antwoord zit te wachten waarschijnlijk, maar ik zie dat je geen gebruik maakt van .php of includes oid. Waarom zet je dan de site niet gewoon om in tabellen? Heel veel mensen verafschuwen tables sinds het hele web 2.0 gebeuren, maar op zich is er toch niets mis mee?? Een ding weet je met tables in ieder geval heel zeker: het bouwen gaat sneller én het werkt in alle browsers!
Twenty years from now you will be more disappointed by the things that you didn't do than by the ones you did do. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover. - Mark Twain
Double Margin Bug in IE... Wie heeft een oplossing?
18 maart 2009 - 15:22    reactie #9
geplaatst door: MartiBo
Marcone,
de php/includes komen later nog, voor het CMS-systeem die eraan wordt gehangen.

Inmiddels heb ik het al een heel eind opgelost met behulp van conditional statements (voor IE6 en IE 7 ieders een eigen cs). Het enigste is nog dat in IE 6 de actieve-navigatielink geen -marge heeft links, wat dus wel de bedoeling is.

Misschien dat iemand daar de oplossing voor heeft?

Macbook Pro i7, Apple Display. http:// idforyou.nl
Double Margin Bug in IE... Wie heeft een oplossing?
18 maart 2009 - 15:33    reactie #10
geplaatst door: marcone
kan je het geheel niet centreren? ook zeker mooi!
Twenty years from now you will be more disappointed by the things that you didn't do than by the ones you did do. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover. - Mark Twain
Double Margin Bug in IE... Wie heeft een oplossing?
18 maart 2009 - 16:37    reactie #11
geplaatst door: Blender

Citaat
marcone om 15:33, 18-03-2009
kan je het geheel niet centreren? ook zeker mooi!

Zou ik in dit geval niet doen. Balk links lijkt mij mooier.
Meer dynamiek als je de boel links laat staan (zie ook de foto’s).

Goed ontwerp trouwens...

(Bewerkt door Blender om 16:40, 18-03-2009)