CSS cum sa fac sa apara footerul jos (cod atasat) ?
Sunt pagini unde am putin continut ,iar footerul apare undeva la mijlocul ecranului pe un monitor de 19'.
Se poate face sa fie lipit tot timpul jos de tot,indiferent cat de putin text am in mijloc ?
Cod:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS </title>
<style type="text/css">
body {
margin:0em 0em 0em 0em;
padding: 0px;
}
div#header {
clear: both;
height: 100px;
background-color: aqua;
padding: 1px;
}
div#left {
float: left;
width: 150px;
background-color: red;
}
div#right {
float: right;
width: 150px;
background-color: green;
}
div#middle {
padding: 0px 160px 2px 160px;
margin: 0px;
background-color: silver;
}
div#footer {
clear: both;
background-color: yellow;
text-align:center;
}
</style>
</head>
<body>
<div id="header">
<h1>Header </h1>
</div>
<div id="left">
Left side text...<br>
Left side text...<br>
Left side text...<br>
Left side text...<br>
Left side text...<br>
Left side text...<br>
Left side text...<br>
</div>
<div id="right">
Right side text...<br>
Right side text...<br>
Right side text...<br>
Right side text...<br>
Right side text...<br>
</div>
<div id="middle">
Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc Text mijloc
</div>
<div id="footer">
Footer text... Footer text... Footer text...
</div>
</body>
</html>
