Notifikationer

Markér alle som læst Log ud

jenslyn_s Nybegynder

28. juni 2006 - 10:58 Der er 8 kommentarer og
1 løsning

flydende on top footer som altid ligger i bunden af vinduet

Jeg vil have en footer på min side, som uanset sidens længde ligger i bunden af vinduet, og ikke i bunden af siden.

Kan nogle pege mig hen mod noget brugbart?

Synes godt om

mclemens Nybegynder

28. juni 2006 - 12:43 #1

[ Kan nogle pege mig hen mod noget brugbart? ]
http://www.eksperten.dk/spm/717767 ... Måske?

Synes godt om

mclemens Nybegynder

28. juni 2006 - 12:44 #2

(evt. skal top div'en og padding top på den nye body fjernes...)

Synes godt om

jenslyn_s Nybegynder

28. juni 2006 - 12:59 #3

Hmm, den "flyder" ikke - dvs jeg kan ikke få det til at virke så den hele tiden ligger i bunden.

Synes godt om

mclemens Nybegynder

28. juni 2006 - 13:14 #4

Nåh, nej :D

Synes godt om

mclemens Nybegynder

28. juni 2006 - 14:00 #5

Hvad med kunstige frames så?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body{margin:0px;padding:0px;overflow:hidden;height:100%;width:100%;background:#888;}
#content{background:#aaa;margin:0px auto;position:relative;height:89%;overflow:auto;}

#footerc{background:#888;height:10%;}

</style>

</head><body>

<div id="content">Indholdet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Slut...
</div>

<div id="footerc">Test</div>

</body></html>

Synes godt om

mclemens Nybegynder

28. juni 2006 - 14:01 #6

Eller dette javascript og så design af div'en?
http://www.eksperten.dk/spm/717389#rid6318368

Synes godt om

mclemens Nybegynder

28. juni 2006 - 14:05 #7

Eksempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
#content{margin-bottom:100px;}

#followit{
position:absolute;bottom:0px;left:0px;
width:100%;height:100px;background:#aaa;
}
</style>

<script type="text/javascript">
var tpops="bottom"; // "top" eller "bottom"
var tpopt=0; // Antal pixels fra top/bottom position
var rpops="left"; // "right" eller "left"
var rpopt=0; // Antal pixels fra right/left position
var trefval=10; // Antal ms. mellem alignment af div

var ww,wh,fi,fioh,fiow;

window.onload=function(){
ww=document.body.offsetWidth;
wh=(tmp=window.innerHeight)?tmp:document.documentElement.clientHeight;

tmp=document.getElementById("followit");
fi=tmp.style;fioh=tmp.offsetHeight;fiow=tmp.offsetWidth;
alignit(0);
setInterval("alignit(1);",trefval);
}

function alignit(tmp){
if(tmp==0){fi.top="auto";fi.right="auto";}

var dmcst=(tmenu=document.documentElement.scrollTop)?tmenu:document.body.scrollTop;
var dmcsl=(lmenu=document.documentElement.scrollLeft)?lmenu:document.body.scrollLeft;

tmpy=(tpops=="bottom")?wh-tpopt-fioh+dmcst:tpopt+dmcst;
tmpx=(rpops=="right")?ww-rpopt-fiow+dmcsl:rpopt+dmcsl;

fi.top=tmpy+"px";
fi.left=tmpx+"px";
}

</script></head>

<body onresize="alignit();" style="margin:0px;height:100%;">

<div id="content">Indholdet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ...Slut</div>

<div id="followit">Test</div>

</body></html>

Synes godt om

kongknabe Nybegynder

29. juni 2006 - 03:32 #8

Er det muligt at se et udkast til siden.. Jeg kan komme på flere måder at lave det på i ren CSS, men hvad der egner sig bedst kommer an på hvordan siden ser ud :-)

Synes godt om

jenslyn_s Nybegynder

30. januar 2007 - 15:11 #9

luk

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS