Avatar billede morteeart Nybegynder
18. december 2004 - 21:25 Der er 9 kommentarer og
1 løsning

absolut absolut position

Hej

hvordan får jeg en <div> til at blive på dens position ALTID
dvs. også ved scroll, skal den forblive samme sted.
Avatar billede morteeart Nybegynder
18. december 2004 - 22:11 #1
som virker i Firefox/IE .. har kun fundet noget IE only stuff via. google
Avatar billede olebole Juniormester
19. december 2004 - 00:42 #2
<ole>

Du skal nok have gang i noget JS, selvom det aldrig bliver helt optimalt:

<style type="text/css">
#banner {
    position: absolute;
    width: 140px;
    height: 350px;
    top: 30px;
    right: 30px;
    background-color: red;
    z-index: 100;
}
</style>
<script type="text/JavaScript">
var myBanner = null;
var bannerTop = 30;
window.onscroll = function() {
    myBanner.style.top = document.documentElement.scrollTop + bannerTop + "px";
}
window. onload = function() {
    myBanner = document.getElementById("banner");
}
</script>

<div id="banner">Et banner</div>
<div style="width:100px;height:2000px;background-color:yellow">Noget ligegyldigt fyld</div>

/mvh
</bole>
Avatar billede morteeart Nybegynder
19. december 2004 - 17:43 #3
tjaa, okay.. men det virker stadig ikke i firefox :(
Avatar billede olebole Juniormester
19. december 2004 - 18:23 #4
Jo, det gør ... med mindre, du laver fejl  :)
Avatar billede morteeart Nybegynder
19. december 2004 - 18:27 #5
eller .. nu testede jeg i IE, der virker det heller ikke..
altså et copy-paste af dit eksempel.

Jeg er ikke js kyndig, så kan ikke helt se fejlen.
Avatar billede olebole Juniormester
19. december 2004 - 18:30 #6
Det virker i IE, FF og Opera  :)
Husker du at bruge en ordentlig DTD?
Avatar billede morteeart Nybegynder
19. december 2004 - 18:43 #7
ah, DTD fejl... anede ikke at DTD havde indvirkning på javascript, troede at det var CSS/HTML only :)

Husk at lægge et svar

God jul
Avatar billede olebole Juniormester
19. december 2004 - 19:01 #8
Jamen, det er skam også CSS, der spiller ind her ... det handler om body- og documentElement-elementernes højde.
Selv God Jul  *<();o)
Avatar billede morteeart Nybegynder
19. december 2004 - 20:08 #9
du glemte svaret :)
Avatar billede olebole Juniormester
19. december 2004 - 20:16 #10
... ooops  :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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