Ik heb voor het eerst een layout in CSS gemaakt, in Chrome zag deze er naar mijn wens uit. Echter nu kijk ik in Internet Explorer en ziet de layout er heel anders uit.
zo hoort hij
http://vgame.webege.com/chrome.gif
zo is hij in IE
http://vgame.webege.com/IE.png
In firefox was hij weer anders, nu bijna goed (alleen een randje boven in, maar dat komt hierna wel)
Mijn CSS bestand
PHP
body {
font: normal 100% Arial, Helvetica, sans-serif;
background: #696969;
color: #000;
margin: 0;
}
#header{
height: 120px;
width: 100%;
margin: 0;
background: #1D1D1D;
}
#container{
width: 100%;
background: #8B0000;
color: #000000;
text-align: center;
}
#menu-left{
float: left;
width: 250px;
background: #333333;
}
#menu-right{
float: right;
width: 250px;
background: #333333;
}
.hoofd{
background: #8B0000;
color: #000000;
font-family: "arial";
font-size: 12pt;
font-weight: bold;
}
#content{
margin: 10px auto;
min-height: 450px;
width: 55%;
color: #000000;
border: 1px solid #8B0000;
}
#footer{
border: 1px solid #000;
width: 100%;
height: 30px;
position: fixed;
bottom: 0;
background: #1D1D1D;
}
a {
color: #000000;
}
a:hover{
color: #1D1D1D;
}
Toon Meer
PHP
<?php
include("config/config.php");
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Naamloos spel</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="header">
<h1>Header</h1>
</div>
<div id="container">
<?php
if(! check_login()) {
echo "<a href=\"index.php?p=home\">Home</a>";
echo " - <a href=\"index.php?p=aanmelden\">Aanmelden</a>";
echo " - <a href=\"index.php?p=login\">Inloggen</a>";
} else {
echo "<a href=\"index.php?p=home\">Home</a>";
echo " - <a href=\"ingelogd.php\">Start spel</a>";
echo " - <a href=\"index.php?p=uitloggen\">Uitloggen</a>";
}
?>
</div>
<div id="content">
<?php
if (! isset($_GET['p'])) {
$_GET['p'] = 'home';
}
if (isset($_GET['p'])) {
$Pad = 'pagina/';
if (! file_exists($Pad . $_GET['p'] . '.php')) {
$_GET['p'] = 'error';
}
Include_Once ($Pad . $_GET['p'] . '.php');
}
?>
</div>
<div id="footer">
Footer
</div>
</body>
</html>
Toon Meer
Waar zit de fout? Als deze opgelost is ga ik zelf mijn ingame layout proberen