Hallo allemaal,
Ik heb een probleem..
Ik ben bezig met een site en in IE ziet alles er netjes uit maar in alle andere browsers gaat er iets fout met de divs.
CSS:
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
|
#pagina_totaal {
height: auto;
width: 800px;
}
#header {
background-image: url(afbeeldingen/header.gif);
height: 234px;
width: 800px;
}
#menu_kop {
background-image: url(afbeeldingen/menu_kop.gif);
float: left;
height: 60px;
width: 217px;
}
#content_kop {
background-image: url(afbeeldingen/content_kop.gif);
float: right;
height: 60px;
width: 583px;
clear: right;
}
#menu {
background-image: url(afbeeldingen/menu.gif);
background-repeat: repeat-y;
float: left;
height: 500px;
padding-right: 5px;
width: 217px;
text-align: left;
padding-left: 20px;
}
#content {
background-image: url(afbeeldingen/content.gif);
background-repeat: repeat-y;
background-position: right;
background-color: #dcdcdc;
float: right;
padding-right: 5px;
height: 500px;
width: 573px;
overflow: auto;
text-align: left;
margin-right: 10px;
}
#menu_voet {
background-image: url(afbeeldingen/menu_voet.gif);
float: left;
height: 25px;
width: 217px;
}
#content_voet {
background-image: url(afbeeldingen/content_voet.gif);
float: right;
height: 25px;
width: 583px;
}
#clear {
clear: both;
}
#copyright {
background-image: url(afbeeldingen/copyright.jpg);
background-repeat: no-repeat;
background-position: center;
clear: both;
height: 31px;
width: 800px;
}
|
|
|
Index.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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Knuffels uit Nederland</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<center>
<div class="pagina_totaal" id="pagina_totaal">
<div class="header" id="header"></div>
<div class="menu_kop" id="menu_kop"><h1>Menu</h1></div>
<div class="content_kop" id="content_kop"><h1>
<?PHP
if (! isset($_GET['p'])) {
$_GET['p'] = 'home';
}
$uitleg = mysql_fetch_assoc(mysql_query("SELECT * FROM uitleg WHERE pagina = '" . $_GET['p'] . "'"));
echo $uitleg['titel'];
?>
</h1></div>
<div class="clear" id="clear"></div>
<div class="menu" id="menu"><table cellpadding="0" border="0">
<?PHP
$menu = mysql_query("SELECT * FROM menu");
while($menus = mysql_fetch_array($menu, MYSQL_ASSOC)){
echo '<tr><td width="25%"><a href="'.$menus['url'].'"><img src="afbeeldingen/menu/'.$menus['afbeelding'].'" border="0"></a></td> <td><a href="'.$menus['url'].'">'.$menus['titel'].'</a></td><tr>';
}
echo '</table>
</div>
<div class="content" id="content">';
if (isset($_GET['p'])) {
if (! file_exists($_GET['p'] . '.php')) {
$_GET['p'] = 'home';
}
Include_Once ($_GET['p'] . '.php');
}
echo '</div>
<div class="clear" id="clear"></div>
<div class="menu_voet" id="menu_voet"></div>
<div class="content_voet" id="content_voet"></div>
<div class="copyright" id="copyright"></div>
</div>
</center>
</body>
</html>
|
|
|
Wat doe ik fout?
Voorbeeld:
http://knuffelsuitnederland.cz.cc
Met vriendelijke groet,
Blackboss
09-03-2011 22:33
Dit topic is 284 keer bekeken door 47 verschillende leden
Reacties op: "CSS Fout in FF"
1
Reageer op: "CSS Fout in FF"
1
