Avatar billede idiotbarn Nybegynder
29. februar 2004 - 22:44 Der er 6 kommentarer og
1 løsning

background-attachment: fixed på Div

Jeg har et Div som jeg gerne vil ha til at blive på det samme sted på skærmen uanset om man scroller. Havde det været et billede hed det : background-attachment: fixed, men kan det ikke lade sig gøre med et DIV?
Avatar billede bearhugx Nybegynder
29. februar 2004 - 22:48 #1
hvis du vil have et div til at blive på samme sted hele tiden skal du positionere det absolut...

Det gør du ved følgende css

#myDiv {
  position:absolute;
  top : 40px; /*40px ned */
  left: 30px; /*30px ind */
}
Avatar billede bearhugx Nybegynder
29. februar 2004 - 22:50 #2
og så bruger du selvfølgelig
<div id="myDiv">...</div>
for at bruge det...

alternativt kan du bruge
  <div style="position:absolute; top: 40px; left: 30px;"> ... </div>

dvs. at skrive styledefinitionen inden i attributten style...
Avatar billede idiotbarn Nybegynder
29. februar 2004 - 22:50 #3
Jeg har den her:
<div id="resDiv" height="15" width="60" style="position:absolute; z-index:3; left:600px;">

men den scroller med...
Avatar billede skovenborg Nybegynder
29. februar 2004 - 22:52 #4
den direkte løsning ville være at give din div en fixed position:
#enDiv {
  position:fixed;
  left:100px;
  top:30px;
}

Dette virker desværre ikke i IE - men det findes der et lille hack til:
http://css-discuss.incutio.com/?page=GhostInTheBox

Desværre kan man ikke længere bruge absolut positionering hvis man bruger dette hack.  Ellers må du ty dig til javascript
Avatar billede bearhugx Nybegynder
29. februar 2004 - 22:53 #5
det er da også rigtigt.... jeg kommer i tanke om at du også skal have et javascript til at repositionere den, hver gang der bliver scrollet op eller ned...

Ser lige om jeg kan finde noget kode på i gemmerne
Avatar billede idiotbarn Nybegynder
29. februar 2004 - 22:53 #6
java er også ok...kender du den?
Avatar billede idiotbarn Nybegynder
29. februar 2004 - 23:02 #7
ville javascript kunne gøre det nemt?
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