WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Sätta en DIV i botten på sidan (https://www.wn.se/forum/showthread.php?t=25052)

Cosma 2007-11-15 09:47

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..
Kod:

<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 2007-11-15 09:53

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

position: fixed;
bottom: 0;

Cosma 2007-11-15 10:30

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 2007-11-15 13:07

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

Kod:

html, body
{
height: 100%;
}


Cosma 2007-11-15 19:41

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 2007-11-16 11:50

En "overflow: hidden;" i wrapper kanske?

simphax 2007-11-16 13:36

Kan vi få se sidan du meckar med kanske?

Cosma 2007-11-16 18:09

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 2007-11-17 12:23

testa att lägga till detta i stylish.css

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

Cosma 2007-11-17 12:52

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.


Alla tider är GMT +2. Klockan är nu 18:33.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson