Witregel na elke div (IE)
<div>
<img src= height="270" width="180">
</div>
Na elk plaatje komt een witregel. In Firefox heb ik dat niet. Heb al vanalles geprobeerd met css zoals dit:
div#standard
{
margin: 0px auto;
padding: 0px;
width: 180px;
height: 270px;
}
Maar niks werkt. Dit kan toch niet zo moeilijk zijn of wel???
Gr,
Robert
Nog meer ideeën?
Verder is het handig om bij dit soort problemen de betrokken onderdelen even een border te geven, dan wordt het duidelijk waar nu precies het probleem zit. Bv. teveel ruimte tussen de div's of juist teveel ruimte om de image.
Succes!
Ik heb opgemerkt dat een border in IE anders is dan die in FF:
In IE gaat de border naar binnen en in FF naar buiten, ik bedoel dus:
je hebt een divje met width: 20px; en heigth: 20px;
daar zet je een border: 1px solid black; neer.
Dan krijg je iets als dit:
Code (php)
1
<div style="width:20px; heigth: 20px; border: 1px solid black;"></div>
Bij FF zou dat divje in totaal 22px in de breedte zijn en 22 in de hoogte (20+1*2)
Bij IE is dat 20px en 20px, want IE doet het andersom (20-1*2 <-- ruimte, en dan +1*2 waar de border komt)
Zie die 1*2 als: border is 1px en aan allebei de kanten is die border.
Ik hoop dat het een beetje duidelik is
Edit:
Dit is niet echt veel help, maar een (mogelijke) verklaring.
Gewijzigd op 01/01/1970 01:00:00 door Mark L
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?
//dit werkt in ie 6&7, safari, ff.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
.img{
border:1px solid black;
width:180px;
height:270px;
}
img{
border:none;
}
</style>
<title>div test</title>
</head>
<body>
<div class="img"><img src="foto1.jpg"></div>
<div class="img"><img src="foto1.jpg"></div>
<div class="img"><img src="foto1.jpg"></div>
<div class="img"><img src="foto1.jpg"></div>
</body>
</html>
?>
//dit werkt in ie 6&7, safari, ff.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
.img{
border:1px solid black;
width:180px;
height:270px;
}
img{
border:none;
}
</style>
<title>div test</title>
</head>
<body>
<div class="img"><img src="foto1.jpg"></div>
<div class="img"><img src="foto1.jpg"></div>
<div class="img"><img src="foto1.jpg"></div>
<div class="img"><img src="foto1.jpg"></div>
</body>
</html>
?>
dit was mijn testje:
ik denk dat het werk voor jou als je dit:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<?
a img {
border: none;
}
//verander in
a, img {
border: none;
}
?>
a img {
border: none;
}
//verander in
a, img {
border: none;
}
?>
Gewijzigd op 01/01/1970 01:00:00 door bart van der veen
Na jouw html gebruikt te hebben begreep ik nog steeds niet wat de reden was dat de mijne niet werkte. Weet je waar ik achter ben gekomen. Als ik de div en img op 1 regel zet, dan is er geen witte regel. Laat ik hem verspreid over 3 regels (div, img en /div) dan is er wel een witte regel. Is dit bizar of wat? Of is dit gewoon buggy IE???
Gr,
Robert
www.suggestgrapgics.nl/TDG