Page 1 of 1

IE 8 probleem(en)

Posted: Wed Jul 22, 2009 7:44 pm
by ROL
Hallo,

Ik ben bezig met een template, een zeer eenvoudige lay-out (top, left, main, right, bottom). Template werkt.

Alleen nu wil ik dat de homepage er iets anders uit komt te zien. Ik wil daar een image tonen die de breedte van left en main samen vult. Ik heb de image nu in een artikel gepuliseerd op de homepage met margin-left:-200px; In alle gangbare browsers (safari 4, firefox 3, IE6 en IE7) op IE8 na, wordt de afbeelding in het artikel netjes gepuliceerd en overlapt de afbeelding module position left met 200px. Precies zoals ik het wil. Maar niet in IE8, daarin laat ie de eerste 200 pixels (vanaf links gezien) niet zien, ook met z-index:99; wil ie dat niet.

Html van mijn homepage ziet er als volgt uit:

Code: Select all

<div style="margin-left:-200px; z-index:99;"><img alt="Welkom" height="405" width="701" src="/images/stories/template_images/welkom.png" /></div>
Wie kan mij helpen?

Aanvullende info: Compatibility Plugin IE8 is geinstalleerd en actief zonder resultaat.

Re: IE 8 probleem(en)

Posted: Wed Jul 22, 2009 9:27 pm
by vancanneyt
IE8 kan niet goed werken met negatieve margins, welke je wel gebruikt.
Hier lees je er meer over:
http://www.coactivate.org/projects/topp ... nary-tale/