Notifikationer

Markér alle som læst Log ud

raos Nybegynder

19. april 2003 - 17:14 Der er 13 kommentarer og
1 løsning

Footer skal forbliver forneden

Jeg har lavet følgende footer:

--------CSS------------------
#footer-bar
{
z-index: 10000;
position: absolute;
bottom: 0px;
left: 0px;
height: 25px;
width: 800px;
overflow: hidden;
background-color: #336699;
color: white;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:10px;
padding:5px;
}

-----------------------------

Og i HTML filen:

<DIV id="footer-bar">min tekst</DIV>

-------------------------

Det virker bare super godt -indtil man begynder at scrolle! - så forbliver footeren på sin position. Jeg vil have den til hele tiden at være i bunden af siden.

Det skal kun virke på IE6+

på forhånd tak

Synes godt om

knudgert Nybegynder

19. april 2003 - 18:59 #1

Og det er svært, lige netop i IE, der skal bruges position: fixed til det.
Og det understøtter IE, mens næsten alle andre browsere gør.

Der findes forskellige hack til at omgå det, kig på
http://www.google.com/search?q=ie6%2Bposition%3A+fixed&ie=UTF-8&oe=UTF-8&hl=da&btnG=Google-s%C3%B8gning&lr=
og der er mange forslag.

Synes godt om

raos Nybegynder

19. april 2003 - 19:51 #2

Jeg har fundet følgenden ex
- men det ligner jo en frames løsning med den scrollbar der ikke går hele vejen ned.

Jeg er ikke helt tilfreds med den løsning. Kan man ikke flytte Footeren mens man scroller?

-----------------------------------------------------------------

<html>
<head>
<title>...</title>
<style type="text/css">
body
{
margin: 0;
padding: 0 0 50 0;
}
div.fixed
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50;
}
@media screen
{
body>div.fixed
{
position: fixed;
}
}
</style>

</head>
<body>
<div class="content">
content content content content content content content content content content content content content content content content content content content content content content content content content content 
content content content content content content content content content content content content content content content content content content content content content content content content content content 
content content content content content content content content content content content content content content content content content content content content content content content content content content 
content content content content content content content content content content content content content content content content content content content content content content content content content content 
</div>
<div class="fixed">
[...fixed bar...][...fixed bar...][...fixed bar...][...fixed bar...][...fixed bar...][...fixed bar...][...fixed bar...][...fixed bar...]
</div>
</body>

-----------------------------------------------------------

Synes godt om

Slettet bruger

19. april 2003 - 20:25 #3

Du kan bruge JavaScript til det:
http://www.eksperten.dk/spm/340083

Synes godt om

raos Nybegynder

19. april 2003 - 22:28 #4

dette syntes at virke -nogle kommentarer?

<script language=JavaScript>
function keepBottom() {
footer.style.pixelTop = document.body.scrollTop + document.body.clientHeight -25;
}

onscroll = keepBottom;
</script>
<DIV id="footer">footer</DIV

Synes godt om

Slettet bruger

20. april 2003 - 10:05 #5

Ja, det virker kun i IE.

Synes godt om

raos Nybegynder

20. april 2003 - 10:07 #6

fint for mig - det skal kun bruges i IE.

Synes godt om

Slettet bruger

20. april 2003 - 10:11 #7

Nå ja, det skriver du jo også! :)
Jamen så er der ingen problemer. Jeg ville dog vælge at scripte lidt mere korrekt:

<script language=JavaScript>
function keepBottom() {
document.all.footer.style.pixelTop = document.body.scrollTop + document.body.clientHeight - 25;
}

window.onscroll = keepBottom;
</script>
<div id="footer">footer</div>

Synes godt om

raos Nybegynder

24. april 2003 - 22:36 #8

phoenixv >> lav lige er svar

Synes godt om

Slettet bruger

25. april 2003 - 15:03 #9

Svar

Synes godt om

Slettet bruger

25. april 2003 - 15:11 #10

Hov, det var mange point. En anden gang skal du nok sætte lidt færre point på højkant for så enkelt et spørgsmål!

Synes godt om

raos Nybegynder

25. april 2003 - 15:12 #11

det var ikke enkelt for mig

Synes godt om

Slettet bruger

25. april 2003 - 15:13 #12

Nej, men 200 point er alligevel meget. Som du kan se, når du opretter et spørgsmål, svarer et svært spørgsmål til 60 point. :)

Synes godt om

raos Nybegynder

25. april 2003 - 15:14 #13

flere points giver vel oftere hurtige, bedre svar

Synes godt om

Slettet bruger

25. april 2003 - 15:23 #14

Til gengæld risikerer de at sprænge pointsystemet, da alle så efterhånden bliver nødt til at give 200 point for at få opmærksomhed!

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