Foutje in IE6 - Softwareontwikkeling

vrijdag 22 juni 2007 18:53

Acties:

Verwijderd

Topicstarter

Hallo,

http://kippie.info/jatek/

Als je hier kijkt zie je in de header rechts onder twee items die 3px naar beneden steken. Als ik de margin aanpas is het wel goed in IE6 maar dan weer niet in IE7 en FF2.

Iemand een idee?

BvD

vrijdag 22 juni 2007 18:56

Acties:

Verwijderd

Oplossen met conditional comments is het makkelijkst. Zeker als het om een bug in IE < 7 gaat.

[ Voor 14% gewijzigd door Verwijderd op 22-06-2007 18:56 ]

zaterdag 23 juni 2007 14:23

Acties:

Verwijderd

Topicstarter

Oke, zal het ff proberen. Iemand ook nog een idee om welke CSS fout het kan gaan?

zaterdag 23 juni 2007 14:47

Acties:

Verwijderd

Topicstarter

Laat maar, heb het al gevonden.

Er is een optie waarmee IE6, IE7 en FF allemaal hun eigen stukje CSS pakken:

body {
padding: 10px;
#padding: 20px;
_padding: 30px;
}

Firefox pakt in dit geval 10px.
IE7 pakt 20px.
IE6 pakt 30px.

Handig om te weten

zaterdag 23 juni 2007 15:31

Acties:

Padschild

Ik heb even niet goed naar je CSS code gekeken, maar ik weet wel dat als je een niet-floatend item naast een wel floatend item in IE6 of 7 zet, er een ruimte zit van 3px (is gewoon een bug). Wat je dan moet doen, is op het floatende item een negatieve margin zetten van 3 pixels. Of het om deze bug draait, weet ik niet, want ik kan niet zien waar de fout zich voordoet en waarom.

zaterdag 23 juni 2007 15:34

Acties:

XWB

Devver

Nee dat is niet handig want _ werkt alleen in de quircksmode. Zie Cheatah zijn post voor een oplossing:

Cascading Stylesheet:

body {
padding: 10px;
}

* html body {
padding: 20px;
}

Nog beter is om voor IE een apparte stylesheet te gebruiken die je onder de hoofd stylesheet moet inladen.

HTML:

<head>
    <link rel="stylesheet" type="text/css" href="main.css" media="screen,print" />
    <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6.css" media="screen,print" />
    <![endif]-->
</head>