[CSS]Har problem med att få min div 100% av webläsarns Höjd
Hej det är lilla dumma jag här. Det är så här att min div blir mer än 100% av webläsran den blir typ 150% ungefär Jag vet att det är min conatainer div som funkar upp det
Här är ett exemple http://instagibbed.se/alfa/instagibbed/
Här är min css kod
html {
height: 100%;
}
body {
margin: 0px;
align: center;
text-align: center;
min-height: 100%;
height: 100%;
background: #666;
}
div#main {
width: 950px;
margin: 0px auto;
height: auto !important;
height: 100%;
min-height:100%;
background: #CCC;
align: center;
text-align: left;
border-right:1px solid #000000;
border-left:1px solid #000000;
}
div#header {
width:100%;
height: 178;
background: url(../images/header.png);
z-index: 1000;
}
div#menu {
width: 100%;
}
div#container {
width: 100%;
height:100%;
padding-bottom:20px;
}
div#footer {
height: 20px;
width: 950px;
bottom: 0; /* stick to bottom */
z-index: 1000;
text-align: right;
}
och här är min html doc kod
<html>
<center>
<head>
<meta charset="utf-8">
<title>Instagibbed</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/menu.css">
</head>
<body>
<div id="main">
<div id="header"></div>
<div id="menu">
<div class="menu">
<ul>
<li><a href="index.php" >Home</a></li>
<li><a href="">Om Instagibbed </a>
</li>
<li><a href="#">Event </a>
</li>
<li><a href="tunneringar.php">Tunneringar</a>
<!--<ul>
<li><a href="#">Turneringar </a></li>
<li><a href="#">Vinnare</a> </li>
</ul> -->
</li>
<li><a href="#">Anmälning </a>
<ul>
<li><a href="#">Lanet</a> </li>
<li><a href="#">Tuneringar</a> </li>
</ul>
</li>
<li><a href="#">Media</a>
<ul>
<li><a href="video.php">Video</a></li>
<li><a href="image.php">Bilder</a></li>
</ul>
</li>
<li><a href="contact.php">Kontakt</a></li>
<li><a href="login.php">Logga in</a></li>
</ul>
</div>
</div>
<div id="container">
</div>
<div id="footer"> Hello welcome to this footer </div>
</div>
</body>
</html>
tack i för hand önskar Dumma lilla jag
CPU -->I7-3820
GPU -->2 x Nvidia680 GTX
OS --> Fedora
