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:
PHP
#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:
PHP
<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