Untitled

<?php
session_start();
?>
<html>
<head>
<title>titel?</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div id="header">

<div id="links">
<IMG SRC="http://www.catalogs.com/info/bestof/wp-content/uploads/2011/09/62.jpg" width=172 height=100 align="center"></IMG>
</div>
<div id="midden">

</div>
<div id="rechts">
<form action="login.php" method="POST">
gebruikersnaam       <br>
<input type="text" placeholder="gebruikersnaam" name="username">
<div id="rechtrechts">
password<br>

<input type="password" name="password" placeholder="wachtwoord" {
}>

<input type="submit"id="login" value="login">

</form>
<?php if(isset($_SESSION['user']) == true){
 echo  $_SESSION['user'];
}else{echo "login ";
}?>
</div>
</div>
</form>
</div></div>
<div id="middenpagine">
<div id="middenlinks">h
hey
</div>
<div id="middenmidden">
bheyt
</div>
<div id="middenrechts">
sfvg
</div>
</div>


<div id="footer">
c
</div>
</form>

</body>
</html>


body{
padding: 0px;
margin: 0px;
background-color: #2654BD;
}

#wrapper {
width: 100%;
}

#header {
width: 100%;
height: 200px;
background: #646262;
}

#links {
width: 33.3%;
height: 400px;

float: left;
}

#midden {
width: 33.3%;
height: 400px;

float: left;
left: 20%;
}

#rechts{
width: 33.3%;
height: 100px;
float: left;
left: 80%;
}
#rechtrecht{

width: 33.3%;
height: 100px;
float: left;
left: 80%;
}
#header{
	width:100%;
	height: 100px;
	background-color:#646262;
}


#login{
	{
padding:5px 15px; background:#26AEBD; border:10px;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px; }
#middenlinks {
width: 33.3%;
height: 400px;

float: left;
}

#middenmidden {
width: 33.3%;
height: 400px;
background-color:green;
float: left;
left: 20%;
}

#middenrechts{
width: 33.3%;
height: 100px;
background:white;
float: left;
left: 80%;
}