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.

mr_lundis 2007-11-19 09:21

Är detta vad du letar efter?
http://themaninblue.com/writing/perspective/2005/08/29/

jonny 2007-11-19 09:38

ser ut som du borde lägga till något i stil med en <br clear="all"/> innan footern för att det ska fungera i IE

Magnus_A 2007-11-19 10:52

<table>

Cosma 2007-11-19 12:19

Tacka alla men... Hehe.. Det funka inte riktigt.. Underligt nog funkar det i IE6 men inte i senaste FF :o Foten ska ligga i botten på browsern och följa med ner eller hålla sig nere när man expandera browserna eller ändrar uppösning.

Om ni kikar på kontakt så ser det bra ut i FF men växla över till tjänster så ser du vad jag menar.

http://webbrelaterat.se/projekt/designfreaks/about.html


jonny: det hände nåt när jag prova det där men vet inte riktigt vad :s

elprisguiden: motivera dig är du snäll, fatter inget när du visar bara en tag.


Ska sitta å experimentera med sidan under dagen..

Cosma 2007-11-19 12:39

Ursäkta spammet..

Jonny ditt trick verka funka. Skönt.. Nu kan man gå vidare. Har du lusta att förklara vad det gör eller gjorde annars försöker jag frågar min polare google :)

Magnus_A 2007-11-19 13:32

Citat:

Originally posted by Cosma@Nov 19 2007, 13:19
elprisguiden: motivera dig är du snäll, fatter inget när du visar bara en tag.

Om du bygger en tabell som innefattar hela sidan är det inga problem med att få saker och ting på plats.
Nackdelen är att sidan då inte följer vissa standarder. Vissa anser att man inte ska bygga layout med tabeller. Men om man är desperat eller struntar i standards så kan det vara ett sätt att få saker att fungera.


Alla tider är GMT +2. Klockan är nu 21:10.

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