Momenteel ben ik bezig met een website www.brandveiligheidopmaat.nl/test. De website heb ik opgebouwd met een aantal div'jes die in IE keurig worden weergegeven. Open ik de site echter in FireFox, dan wordt de helft van de div'jes niet weergegeven en zie ik alleen een wit vlak met een rode rand.
Ik heb de hele code nog eens nagelopen maar zie niks wat dit probleem op zou kunnen leveren. Ook heb ik de CSS door een validator gehaald, waar hij helemaal clean uit komt. Wat dat betreft lijkt alles in orde. Maar wat doe ik nu fout?
Onderstaand de codes van zowel de CSS als de indexpagina.
style.css
index.php
Ik heb de hele code nog eens nagelopen maar zie niks wat dit probleem op zou kunnen leveren. Ook heb ik de CSS door een validator gehaald, waar hij helemaal clean uit komt. Wat dat betreft lijkt alles in orde. Maar wat doe ik nu fout?
Onderstaand de codes van zowel de CSS als de indexpagina.
style.css
Cascading Stylesheet:
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
71
72
73
74
| body { font-family:Verdana; font-size:12px; color:#00074f; background-image:url("img/bgcolor.jpg"); } #container { border:2px solid #c80503; margin-left:auto; margin-right:auto; width:800px; } #fotolinksboven { position:relative; float:left; height:350px; width:550px; } #logorechts { position:relative; float:right; height:166px; width:250px; background-image:url("img/logorechts.jpg"); } #menurechts { position:relative; float:right; height:184px; width:250px; } #tekst { position:relative; padding-left:20px; padding-right:20px; height:350px; background-image:url("img/tekst.jpg"); } #footer { position:relative; height:82px; background-image:url("img/footer.jpg"); clear:both; } a:link { color:#000000; text-decoration:none; } a:active { color:#000000; text-decoration:underline; } a:visited { color:#000000; text-decoration:none; } a:hover { color:#000000; text-decoration:underline; } img { border:0; } |
index.php
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Brandveiligheid Kunst - Brandveiligheid op maat</title> <link rel="stylesheet" href="style.css" type="text/css" /> <meta http-equiv="imagetoolbar" content="no" /> <script language="JavaScript1.1"> //voorladen van de plaatjes var foto1=new Image() foto1.src="1.jpg"// foto 1 var foto2=new Image() foto2.src="2.jpg"// foto 2 var foto3=new Image() foto3.src="3.jpg"// foto 3 var foto4=new Image() foto4.src="4.jpg"// foto 4 var foto5=new Image() foto5.src="5.jpg"// foto 5 </script> </head> <body onLoad="overvloeier()"> <div id="container"> <div id="fotolinksboven"> <a href="javascript:overgang()"><img src="1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width="550" height="350"></a> </center> <script> var stap=1 var beeldnr=1 function overvloeier(){ if (!document.images) return if (document.all) slide.filters.blendTrans.apply() document.images.slide.src=eval("foto"+stap+".src") if (document.all) slide.filters.blendTrans.play() beeldnr=stap if (stap<5)// aanpassen aan aantal plaatjes stap++ else stap=1 setTimeout("overvloeier()",4000)// de tijd tussen twee plaatjes in milliseconden } </script> </div> <div id="logorechts"></div> <div id="menurechts"> <img src="./img/knop1.jpg"><br /> <img src="./img/knop2.jpg"><br /> <img src="./img/knop3.jpg"><br /> <img src="./img/knop4.jpg"><br /> <img src="./img/knop5.jpg"> </div> <div id="tekst"> <br /><br /><br /> Hartelijk welkom op de website van Kunst Brandveiligheid. Met onze jarenlange ervaring op het gebied van brandveiligheid staan wij graag voor u klaar. Op deze website vind u alle informatie over ons bedrijf. U kunt bij ons onder meer terecht voor het volgen van een BHV-cursus. Maar ook het geven van brandveiligheidsadviezen behoort tot onze specialiteit. Kortom wij verzorgen voor u Brandveiligheid op maat! </div> <div id="footer"></div> </div> </body> </html> |
[ Voor 0% gewijzigd door BtM909 op 18-05-2009 13:53 ]
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
:strip_exif()/u/34960/lemming.gif?f=community)
:strip_exif()/u/219320/tweakIcon.gif?f=community)
:strip_icc():strip_exif()/u/82614/thirsty.jpg?f=community)
. Beetje stoeien met margins en paddings en het zou er goed uit moeten komen zien.
/u/7685/ruinmytune-60x60.png?f=community)
:strip_exif()/u/27216/bosmonster_dropdown.gif?f=community)
:strip_icc():strip_exif()/u/13896/crop5dbbed904a73d_cropped.jpeg?f=community)
