Hoi,
Ik ben het werken aan een website die op dit moment nog niet helemaal goed werkt in IE7 en IE8.
Het gaat om de volgende indeling: http://divbyzero.nl/sil/ (CSS: http://divbyzero.nl/sil/default.css)
De afbeeldingen horen in de container DIVs te staan, wat in FF, Webkit en zelfs Opera goed werkt. In IE worden de afbeeldingen echter verkeerd weergegeven (je kan ook zien dat het ontbreken van min-height ondersteuning wat problemen geeft, maar daar kan ik omheen werken). Wanneer een afbeelding aan de linkerkant van de DIV staat is er geen probleem. Waar het zich vooral om gaat is dat de afbeeldingen die rechts staan als het ware uit het blok worden geduwd. Dat terwijl de tekst een gedefinieerde breedte heeft en als inline-block is gedefinieerd.
Hoewel ik wel vaker met CSS werk ben ik niet zo bekend met methodes om elementen goed uit te lijnen, en heb in dit geval dan ook geen idee wat ik moet doen om IE alles goed weer te laten geven.
Iemand een idee?
Alvast bedankt.
Ik ben het werken aan een website die op dit moment nog niet helemaal goed werkt in IE7 en IE8.
Het gaat om de volgende indeling: http://divbyzero.nl/sil/ (CSS: http://divbyzero.nl/sil/default.css)
De afbeeldingen horen in de container DIVs te staan, wat in FF, Webkit en zelfs Opera goed werkt. In IE worden de afbeeldingen echter verkeerd weergegeven (je kan ook zien dat het ontbreken van min-height ondersteuning wat problemen geeft, maar daar kan ik omheen werken). Wanneer een afbeelding aan de linkerkant van de DIV staat is er geen probleem. Waar het zich vooral om gaat is dat de afbeeldingen die rechts staan als het ware uit het blok worden geduwd. Dat terwijl de tekst een gedefinieerde breedte heeft en als inline-block is gedefinieerd.
Hoewel ik wel vaker met CSS werk ben ik niet zo bekend met methodes om elementen goed uit te lijnen, en heb in dit geval dan ook geen idee wat ik moet doen om IE alles goed weer te laten geven.
Iemand een idee?
Alvast bedankt.