Optimer lille CSS kode til firefox, IE 6 og safari
Hvem kan hjælpe mig med at optimere denne meget lille css kode til alle browsere og ældre browsere versioner.Her er koden:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style type="text/css">
html,body{
width:100%;
height:100%;
margin:0;
}
wrap{
width:auto;
height:auto;
margin:auto;
}
#top{
width:100%;
height:50%;
margin-top:-50px;
margin-bottom:-50px;
background-color:white;
}
#middle{
width:100%;
height:200px;
background-color:blue;
position:absolute;
}
#bottom{
width:100%;
height:50%;
margin-bottom:-50px;
margin-top:-50px;
background-color:white;
}
</style>
</head>
<body>
<div id="wrap">
<div id="top"></div>
<div id="middle"></div>
<div id="bottom"></div>
</div>
</body>
</html>
