Jag har en horisontell meny längst upp, mitten till vänster har jag en ruta där texten ska hamna, den blir längre när det är längre text. Länst ner på sidan vill jag ha en sidfot som alltid ska ligga längst ner på sidan. Den ska alltså flytta ner sig när det kommer mer text i textrutan. Jag får inte till det, har försökt på 100 olika sätt men sidfoten vill inte anpassa sig efter texten.
Hur ska jag få till det?
Jag skickar med en bild på de olika boxarnas position.
//css
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
div.text
{
position: absolute;
width: 310px;
left: 70px;
top: 200px;
}
div.fot
{
z-index: 2;
position: absolute;
top: 520px;
margin-left: -10px;
}
//html
<html>
<head>
</head>
<body>
<div class="text">
Bla, bla, bla
</div>
<div class="fot">
<img src="images/sw_logga2.jpg">
</div>
</body>
</html>
I nuläget förstår jag att det inte fungerar eftersom foten är position:absolute; Men jag har testat med margin av alla dess slag och float och grejer men förstår inte riktigt hur jag ska få till det. Måste jag lägga text-boxen och fot-boxen i ytterligare en box kanske?
