[Cosma]

OK har ett gemensamt problem här tror jag. Jag skriver lite kod för att bättre förklara mig.

Jag har på ett ungefär..

<div id="wrapper">
<div id="header></div>
<div id="content"></div>
<div id="sidebar"></div>
</div>
<div id="footer"></div>

Och jag vill ha foten utanför wrappern. När jag gör det här följer foten med hela med innehållet men jag vill att foten ska ha en fast position i botten hela tiden. Har provat {absolute;bottom:0;} men det funkar inte som jag vill.

Nån som har förslag? Tack

[kullervo]

position: fixed; gör att positionen är låst till viewport. Testa följande:

position: fixed;
bottom: 0;

[Cosma]

Tack för svaret men det funka inte riktigt som jag ville. Det som händer är att foten följer med nu när jag skrollar men jag vill ju att den ska vara kvar i botten. Goggla som fan igår men alla gav samma resultat att använda {absolute;bottom:0;}

Annars ser foten ut så här..

#footer{
background-image: url(images/footer_bg.gif);
background-repeat: repeat-x;
height: 40px;
clear: both;
position: fixed;
bottom: 0;
color: #c2c2c2;
font-size: 11px;
width: 100%;
margin: 0;
padding: 0;
}

[hnn]

Testa sätt height:100% på html och body....

html, body
{
height: 100%;
}

[Cosma]

Tack men sjutton det funka inte heller. Nu blir den fast i botten men när innehållet blir kortare än höjden i browsern så följer foten med upp. Vill att det ska var fast fast fast.

Har hållt på mecka fram å tillbaka så börjar få skavsår å verk på handvristen hehe.

Tacksam för mer förslag

[elofsson]

En "overflow: hidden;" i wrapper kanske?

[simphax]

Kan vi få se sidan du meckar med kanske?

[Cosma]

Det är säkert jag som har näslat in mig för mycket i koden. Jag är inget proff men jag försöker.

Vet inte om jag vågar att lägga ut men gör det ändå. Garva inte bara.. Vi ska göra en portfölj sida i plugget. Den ser halv trasig ut, texten ska fixas och om det är något som inte funkar är det för att jag fortfarande jobbar med den så det kan vara några buggar här å där. Men har kontroll på det mest förutom foten.

Temp: http://webbrelaterat.se/projekt/desi...s/contact.html

[crazzy]

testa att lägga till detta i stylish.css

#footer {
position: absolute;
bottom: 0px;
}

[Cosma]

OK gjort.. Ta en titt på länken och se vad som händer nu. Och i IE6 så blir det helt konstigt.

Som ni märker så vill jag ha foten utanför wrappern för att kunna stretch på foten hela vägen. Innehållet i wrappern har en fast bredd centrerat.