/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Kasse der bliver siddende
Fra : hoaX


Dato : 06-04-03 00:22

Hey

Ved godt at spørgsmålet er blevet stillet mange gange, men jeg kan ikke
finde svaret nogle steder.

Hvordan laver man en kasse der bliver siddende et bestemt sted på skærmen
selvom man scroller?

- hoaX
----------------------------------------
hoaX's website-->
www.hoaxmusic.dk



 
 
Lasse Reichstein Nie~ (06-04-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 06-04-03 00:32

"hoaX" <pt5@mail.dk> writes:

> Hey
>
> Ved godt at spørgsmålet er blevet stillet mange gange, men jeg kan ikke
> finde svaret nogle steder.
>
> Hvordan laver man en kasse der bliver siddende et bestemt sted på skærmen
> selvom man scroller?

Det er nemt. Man starter med at bruge en anden browser end Internet
Explorer :)

Følgende CSS vil placere en blok et sted i viewport'en og holde den der:

#myDiv {
position:fixed; /* det magiske ord, resten er detaljer */
left:100px;
top:100px;
width:100px;
height:100px;
}

Problemet er selvfølgelig at IE *stadig* ikke forstår position:fixed.
Det er der ikke nogen god undskyldning for.

I IE6 kan man lave et hack så det ser ud som om elementer er fixeret.
<URL:http://devnull.tagsoup.com/fixed/>
Tricket er at placere dem med hensyn til body, og så have resten af
indholdet i en div med samme størrelse og overflow:auto;.

Hvis man vil have ældre IE'er med, så er der ingen vej uden om at bruge
Javascript. Man sætter et script på dokumentets onscroll-handler der
flytter elementerne med når skærmen scroller. Der kommer et kort glimt
hvor man ikke ser dem, men ellers virker det.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Knud Gert Ellentoft (06-04-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 06-04-03 00:51

"hoaX" <pt5@mail.dk> skrev :

>Hvordan laver man en kasse der bliver siddende et bestemt sted på skærmen
>selvom man scroller?

Nemt nok:

<div style="position: fixed; top: 10px; left:
100px">indhold</div>

Ulempen:
Er ikke understøttet i IE, men er i næsten alle andre nyere
browsere.

Der findes forskellige hacks til at få det til at virke i IE, de
er mere elle mindre brugbare.
<http://www.google.com/search?q=ie%2Bposition%3A+fixed&ie=UTF-8&oe=UTF-8&hl=da&btnG=Google-s%C3%B8gning&lr=>

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste