Søg
Avatar billede Slettet bruger
19. februar 2009 - 14:55 Der er 9 kommentarer og
1 løsning

Layer skal scrolle med ned

Hej - jeg leger med dette script:

http://www.emanueleferonato.com/downloads/lightbox.html

Det virker fint - problemet er, at hvis man har en lang side og kalder scriptet længere nede fra siden (prøv det her - scroll ned først og klik så: http://dl.getdropbox.com/u/183764/layer.htm ) - så vises layeret stadig for oven. Kan man på en nem måde positionere layeret, så det følger med siden ned?
Avatar billede olebole Juniormester
19. februar 2009 - 15:39 #1
<ole>

<div style="width:100px;height:70px;left:200px;top:30px;position:fixed;">test</div>

/mvh
</bole>
Avatar billede olebole Juniormester
19. februar 2009 - 15:40 #2
- det virker dog ikke i IE6, men først i version 7 og op. I IE6 må man i stedet scripte sig ud af tingene
Avatar billede Slettet bruger
19. februar 2009 - 16:17 #3
Hmm - har selv rodet med fixed, det virker ikke i min IE 7 :-s
Avatar billede olebole Juniormester
19. februar 2009 - 23:04 #4
Så må du jo gøre noget forkert. Har du overhovedet testet koden, jeg skrev? Den virker perfekt i IE7 ... også i din IE7  ;o)
Avatar billede Slettet bruger
20. februar 2009 - 09:33 #5
Hmm... det gør det nu ikke, tjek:
http://dl.getdropbox.com/u/183764/layer_fixed.htm

I min IE scroller layeret med op... :-s
Avatar billede olebole Juniormester
20. februar 2009 - 10:51 #6
Når du ikke forsyner dit dokument med en fuld DTD, disabler du de vigtigste dele af CSS i IE - og så er det svært at få noget til at virke. Prøv:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
... osv ... osv ...

Så virker det med garanti  ;o)
Avatar billede Slettet bruger
20. februar 2009 - 11:15 #7
ach - manglede url'en i ovenstående...

Du burde gå med kappe, for du er da amatør-programmørens redningsmand :-)

Jeg tillader mig at snige et tillægsspørgsmål ind :-)

Kan du let gennemskue hvordan jeg kan få centreret mit layer (white_content)? I det oprindelige har han sat width til 50% og så virker det jo - men synes det er bedre at have styr på i fht. px.


        body{ margin: 0; padding: 0; }
        .bg_overlay{
            display: none;
            position: fixed;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: lightgrey;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: fixed;
            top: 25%;
            left: 25%;
            width: 500px;
            height: 400px;
            border: 8px solid #FF822D;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
Avatar billede olebole Juniormester
20. februar 2009 - 11:26 #8
Det kunne være noget à la:

.white_content {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 400px;
    margin: -200px 0 0 -250px;
    border: 8px solid #FF822D;
    background-color: white;
    z-index:1002;
    overflow: auto;
}

Det er nok ikke fuldstændig nøjagtigt, p.gr.a. dine borders - men så må du fedte lidt med de negative marginer.

Idéen er at skubbe elementet 50% ned - og derefter hive det op igen med halvdelen af dets højde. Det samme gælder for venstre placeringen  =)
Avatar billede Slettet bruger
20. februar 2009 - 12:00 #9
Jeg takker! :-)
Avatar billede olebole Juniormester
20. februar 2009 - 12:26 #10
Jeg selvtakker og takker for points  =)
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:38 Video ikoner Af Malm i Windows
I går 17:27 Video ikoner Af logbuilders i Windows
16/0110:29 Negativ billeder på samsung Af ALICE i Småopgaver
15/0115:45 HJÆLP - Lopslag, Indeks? Hvad gør jeg! Af Eva i Excel
14/0119:38 Webmail yousee Af nu_igen i E-mail programmer
White papers
Flere white papers »