Hoi,
ik heb in HTML 2 div's gefloat naast elkaar, met een left margin van 8 px. In alle browsers gaat dit goed... behalve natuurlijk in IE6, daar krijg ik naast de eerste div een extra padding van 8px. Ik heb al vanalles in css geprobeerd maar krijg dit niet opgelost. Kan iemand me zeggen waaraan dit ligt.
De bovenste browser is ie6, de onderste ie7
ik heb in HTML 2 div's gefloat naast elkaar, met een left margin van 8 px. In alle browsers gaat dit goed... behalve natuurlijk in IE6, daar krijg ik naast de eerste div een extra padding van 8px. Ik heb al vanalles in css geprobeerd maar krijg dit niet opgelost. Kan iemand me zeggen waaraan dit ligt.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Test</title>
<style>
body {margin:0;padding:0; background-color:#FFFF00;}
.floatdiv {
float: left;
margin: 0 0 0 8px;
width:150px;
background-color:#00CCFF;
}
</style>
</head>
<body>
<div class="floatdiv">test</div>
<div class="floatdiv">test2</div>
<div style="clear:left;"><!-- clear --></div>
</body>
</html> |
De bovenste browser is ie6, de onderste ie7
/u/7685/ruinmytune-60x60.png?f=community)
:strip_icc():strip_exif()/u/12241/Pupke-small.jpg?f=community)