Hallo,
Ik heb een website gebouwd (nouja alleen de lay-out nog een beetje en een newssysteempje geinclude), met een aantal DIVS voor de verdeling. Nu ziet de site er in IE er perfect uit zoals ik het bedoel, alleen komt in Firefox de DIV waarin de menu links staan half in de DIV er onder te staan.
Een paar voorbeeldjes:
Internet Explorer:

Firefox:

index.php:
CSS stylesheet:
heeft iemand een idee waaraan dit kan liggen..? Ik heb al goed gekeken maar zou niet weten wat ik fout doe en waarover Firefox struikelt. IE geeft de pagina namelijk wel goed weer.
Alvast bedankt
Ik heb een website gebouwd (nouja alleen de lay-out nog een beetje en een newssysteempje geinclude), met een aantal DIVS voor de verdeling. Nu ziet de site er in IE er perfect uit zoals ik het bedoel, alleen komt in Firefox de DIV waarin de menu links staan half in de DIV er onder te staan.
Een paar voorbeeldjes:
Internet Explorer:

Firefox:

index.php:
code:
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
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<link rel='stylesheet' type='text/css' href='data/style.css'>
<head>
<title>www.noepzor.nl</title>
</head>
<body>
<script src="data/rounded.js" type="text/javascript"></script>
<div id="container">
<div class="top" align="center">
[img]"img/header.gif"[/img]
</div>
<div class="menu">
<h2><a href="index.php">.Home</a> <a href="pc.html">.Mijn PC</a></h2>
</div>
<script type="text/javascript">
Rounded('menu', 15, 15);
</script>
<div class="mainarea">
<p>
<h1>Laatste nieuws.. </h1>
</p>
<br><br>
<table border="0" width="600" align="center"><tr><td>
<?PHP
$number=5;
include("beheer/show_news.php");
?>
</td></tr></table>
</div>
<script type="text/javascript">
Rounded('mainarea', 15, 15);
</script>
<div class="footer">
<p><a href="http://www.drome.nl/" target="_blank">[img]"http://www2.drome.nl/d13/banners/d13-banner.jpg"[/img]</a></p>
<p>© by NoepZor 2006 All rights reserved.</p>
</div>
<script type="text/javascript">
Rounded('footer', 15, 15);
</script>
</div>
</body>
</html> |
CSS stylesheet:
code:
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
| /* Algemene document settings */
* {
margin : 0;
padding : 0;
}
body {
font : normal 62.5%/1.2 "Trebuchet MS", serif;
color : #333333;
background-image: url(../img/background_grass.jpg);
background-color: #52761f;
}
/* Text opmaak */
p {
margin : 5px;
}
h1 {
font-size: 2em;
margin: 5px;
}
h2 {
font-size: 1.6em;
margin: 5px;
}
h3 {
font-size: 1.4em;
color: #333333;
}
h4 {
font-size:0.8em;
color: #FF6600;
font-style:italic;
}
table {
margin:10px;
}
/* Opmaak links */
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: none;
color: #FF6600;
}
a:active {
text-decoration: none;
color: #333333;
}
/* Container en de definitie van de secties */
#container {
margin : 20px auto;
margin-top : 30px;
margin-bottom: 30px;
width : 800px;
font-size : 1.3em;
}
.top {
float : left;
width : 780px;
height : 120px;
margin : 5px;
}
.menu {
float : left;
width : 780px;
height : 30px;
margin : 5px;
clear : both;
}
.mainarea {
float : left;
width : 780px;
margin : 5px;
clear : both;
}
.footer {
float : left;
width : 780px;
margin : 5px;
clear : both;
text-align:center;
}
/* Background colors secties */
.menu {
background-color : #FFCC00;
}
.mainarea {
background-color : #FFCC66;
}
.footer {
background-color : #FFCC00;
} |
heeft iemand een idee waaraan dit kan liggen..? Ik heb al goed gekeken maar zou niet weten wat ik fout doe en waarover Firefox struikelt. IE geeft de pagina namelijk wel goed weer.
Alvast bedankt
De wijzen komen uit het Oosten!