WN - <Div> i botten av sidan

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - <Div> i botten av sidan (https://www.wn.se/forum/showthread.php?t=14187)

linus1

2006-05-20 03:20

Hej,

Jag har ett (litet) problem och jag vill INTE använda mig av frames.

Jag vill ha en div-ruta i längs ner på sidan som är "position:absolute;" dvs att den inte ska röra sig om sidan nu gör det. Iofs kunde jag använda mig av:

Kod:

#bottom {

        background-image:url(img/bottom.gif);

        background-position:bottom;

        background-repeat:repeat-x;

        position:absolute; 

        margin-top:0;

        height:100%;

        width:100%;

}

Dock gör medför detta att allt som kommer ovanför divtagen. Blir oanvändbart; länkar blir ej klickbara, text går ej att markera etc.

heeelp oh god help me ! <_<

zoran

2006-05-20 07:23

Citat:

Originally posted by linus1@May 20 2006, 03:20
Hej,

Jag har ett (litet) problem och jag vill INTE använda mig av frames.

Jag vill ha en div-ruta i längs ner på sidan som är "position:absolute;" dvs att den inte ska röra sig om sidan nu gör det. Iofs kunde jag använda mig av:

Kod:

#bottom { background-image:url(img/bottom.gif); background-position:bottom; background-repeat:repeat-x; position:absolute; margin-top:0; height:100%; width:100%; }

Dock gör medför detta att allt som kommer ovanför divtagen. Blir oanvändbart; länkar blir ej klickbara, text går ej att markera etc.

heeelp oh god help me ! <_<

z-index?

Fast "Serversidan" är lite fel forum.

linus1

2006-05-20 11:54

Citat:

Ursprungligen postat av zoran

Citat:

Ursprungligen postat av linus1

Kod:

#bottom {

        background-image:url(img/bottom.gif);

        background-position:bottom;

        background-repeat:repeat-x;

        position:absolute; 

        margin-top:0;

        height:100%;

        width:100%;

}

Dock gör medför detta att allt som kommer ovanför divtagen. Blir oanvändbart; länkar blir ej klickbara, text går ej att markera etc.

heeelp oh god help me ! <_<

z-index?

z-index skulle ha funkat om jag ville att texten på sidans skulle gå över den den diven. dock vill jag att den ska gå under.
borde tillägga att allt är uppbyggt av 3 divtaggar.

Kod:

<div id="upperborder">

<div id="main">

<div id="bottom">

tartareandesire

2006-05-20 12:00

Du vill ha en div längst ned på skärmen (inte längst ned på sidan)? Så vitt jag vet går det inte ännu. I Firefox funkar position: fixed; men det har inte IE stöd för t.ex.

linus1

2006-05-20 13:59

Citat:

Originally posted by tartareandesire@May 20 2006, 12:00
Du vill ha en div längst ned på skärmen (inte längst ned på sidan)? Så vitt jag vet går det inte ännu. I Firefox funkar position: fixed; men det har inte IE stöd för t.ex.

precis, längs ner på skärmen.. finns det något annat sätt o fixa det på.. utan position:fixed?

Wojt	2006-05-20 17:05

http://www.themaninblue.com/experiment/footerStickAlt/

Maybe?

Eller jaha nu förstod jag. Men den länken är ändå guld värd för DIV baserad footer.

Kanske nån av dessa?

http://tagsoup.com/-dev/null-/css/fixed/
http://www.saila.com/attic/sandbox/
http://jessey.net/simon/articles/007.html

HenrikAI

2006-05-20 18:05

The Catfish kanske?
http://www.sitepoint.com/blogs/2005/10/18/...catfish-part-1/

Alla tider är GMT +2. Klockan är nu 04:03.