:strip_icc():strip_exif()/u/25380/vcore.jpg?f=community)
Een IE vs FF probleempje. Ik heb een container met daarin 2 div'jes.
In IE worden ze beide getoond, maar in FF zie ik alleen de tekst, maar niet de rand en niet op de juiste grootte.
Voorbeeld:
De resultaten:
Internet Explorer 6:
Hier zitten ze trouwens ook niet op dezelfde hoogte...
FireFox 2:
Waar is de rode rand? En waarom heeft het Logo niet de juiste hoogte?
In IE worden ze beide getoond, maar in FF zie ik alleen de tekst, maar niet de rand en niet op de juiste grootte.
Voorbeeld:
HTML:
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
| <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > <head> <title>Bla</title> <style type="text/css"> * { margin: 0px; padding: 0px; } body { margin: 20px; color: black; background: white; font-family: sans-serif; font-size: 12px; } div { padding: 3px; } div#container { margin: 3px; width: 400px; border: solid 1px gray; } div#logo { float: left; margin: 3px; width: 130px; height: 120px; border: solid 1px red; } div#header { margin: 3px 3px 3px 150px; border: solid 1px blue; } </style> </head> <body> <div id="container"> <div id="Logo"> <p>Logo</p> </div> <div id="header"> <p>Header</p> </div> <div style="clear: both;"> <hr /> </div> </div> </body> </html> |
De resultaten:
Internet Explorer 6:
Hier zitten ze trouwens ook niet op dezelfde hoogte...
FireFox 2:
Waar is de rode rand? En waarom heeft het Logo niet de juiste hoogte?
:strip_icc():strip_exif()/u/35587/icon-got.jpg?f=community){kind=icon}
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
