Actually I like more to find directly somewhere a result to my problem, but this one is quite a pain for me!
I want that the stupid footer (which drives me crazy since hours ) stays down also when the main-div too short is.
html-file:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Commissaries of the Phoenix</title>
<link rel="stylesheet" type="text/css" href="gw_dark.css">
</head>
<body>
<div id="header">
</div>
<div id="leftmenu">
</div>
<div id="main">
</div>
<div id="footer">
Footer doesn't stay's down if the main-div is to small is
</div>
</body>
</html>
css-file
@charset "ISO-8859-1";
html {
height: 100%;
width: 100%;
}
body {
background-color: #fff;
color: #101010;
margin:0;
padding:0;
height:100%;
}
#header {
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
border-top: 0px;
border-left:0px solid #000;
border-right:0px solid #000;
border-bottom:2px solid #000;
box-shadow: 0px 4px 3px #999;
background-color: #444;
width: 100%;
height: 7em;
opacity: 0.8;
}
#leftmenu {
width: 11.5em;
position: fixed;
left: 0;
top: 8em;
min-height: 20em;
padding: 0.2em;
border:2px solid #444;
border-right:0px solid #444;
border-left:0px solid #444;
border-top:2px solid #444;
box-shadow: 4px 0px 5px #999;
border-radius: 0px 21px 21px 0px ;
padding: 0.3em;
opacity: 0.8;
background-color: #fff;
}
#main {
width: 76%;
min-height: 20%;
margin-top: 1em;
margin-right: 4.5em;
margin-left: auto;
margin-bottom: 1.5em;
padding-bottom: 0.2em;
border:0px solid #555;
border-bottom:0px solid #444;
border-top:0px solid #333;
box-shadow: 4px 4px 5px #999;
padding: 0.3em;
opacity: 0.8;
background-color: #ddd;
}
#footer {
margin-bottom: 0em;
margin-left: 0em;
margin-right: 0em;
border-top:2px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;
border-bottom: 0px;
background-color: #444;
box-shadow: 0px -4px 3px #999;
width: 100%;
height: 7em;
opacity: 0.8;
text-align: center;
color: #dddddd;
padding-top: 0.3em;
}
What I make wrong? I didnt made anything since 2 years - today I begun again!
Yeah I know that the code is a chaos - I will clear him after I made the basic.
btw: this will be I hope my first Joomla-Template