Als je hem bekijkt in IE7 is er niks aan de hand, maar zodra je 'm opent in firefox geeft ie geen background-color weer. Aloude probleem met Firefox/Chrome en IE.. Ik heb vrij veel ervaring met CSS alleen zie het probleem niet.
Ik gebruik de volgende pagina-opbouw voor index.php
<?php
// bestand: index.php
// weblink: www.visual-masters.nl/login/index.php
// copyright: 2008-2009 Visual Masters
// Error reporting
error_reporting(0);
// Ruimte voor includes:
include 'plugins/connect.plugin.php';
include 'plugins/functions.plugin.php';
// Errormessages voor inlogpogingen:
$error = 'errormelding';
// PHPcoding:
echo(connection());
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Vault Login Module - by Visual Masters</title>
<link rel="stylesheet" href="stylesheets/global.css" type="text/css">
</head>
<body>
<div id="wrapper"><!-- DIV wrapper -->
<div id="vault"><!-- DIV omhulsel module -->
<div id="error"><!-- DIV errors -->
<?php echo($error); ?>
<div id="login"><!-- DIV login box -->
<form name="Login formulier" method="post" action="login.php" id="form"/>
Gebruikersnaam:<br /><input type="text" name="gebruikersnaam" size="20" maxlenght="20" /><br /><br />
Wachtwoord:<br /><input type="password" name="wachtwoord" size="20" maxlength="20" /><br />
<input type="submit" name="submit" value="inloggen" />
</form>
</div><!-- Afsluiten DIV login -->
</div><!-- Afsluiten DIV errors -->
<div id="logo"><!-- DIV logo -->
<img src="images/logo.jpg" alt="Vault Login Module"/>
</div> <!-- Afsluiten DIV logo -->
</div> <!-- Afsluiten DIV vault -->
</div> <!-- Afsluiten DIV wrapper -->
</body>
</html>
en het volgende CSS bestand:
<!-- Cascading Style Sheet t.b.v. Vault Login Module -->
<!-- Pagina -->
html, body {
margin:0px;
height:100%;
}
<!-- DIVS -->
#wrapper {
width:100%;
height:100%;
background-color:#666666;
}
#vault {
width:600px;
height:480px;
background-color:#000000;
font-family:arial;
font-size:10px;
color:#666;
}
#error {
float:right;
width:300px;
font-family:arial;
font-size:10px;
color:#F00;
}
#login {
float:right;
width:300px;
height:200px;
}
#form {
font-family:arial;
font-size:11px;
color:#666666;
}
#logo {
floar:left;
width:200px;
height:200px;
}
Alvast bedankt!
