Avatar billede mads1987 Nybegynder
16. november 2006 - 17:59 Der er 5 kommentarer og
1 løsning

Div der følger siden

Hej,
Jeg har en side der ser således ud:

<html>
<head>
</head>

<body>
<table width="600" align="center">
  <tr>
    <td width="600" height="1000">hej</td>
  </tr>
</table>
</body>
</html>

Jeg ønsker at få en <div> til at flugte med tabellens højre side, og følge med ned, når man scroller siden. Således at brugeren altid kan se indholder af <div> elementet.
En løsning kunne måske også være at placere en div præcis 300px til højre fra midten?

Hvad er smartest? Og hvordan får jeg den til at følge med når jeg scroller siden ned af?

Mvh.
Peter
Avatar billede jowii Nybegynder
16. november 2006 - 18:33 #1
Hvis hele hjemmesidens grundlag består af ovennævnt, ville jeg lave det hele i CSS, med divs??
Avatar billede udvikler Nybegynder
16. november 2006 - 18:38 #2
<html>
<head>
<title>TEST</title>

    <style type='text/css'>
    #myChaser { position:absolute; left:200px; top:0px; width:250px; color:#555555;
                font-family:verdana, arial, sans-serif; font-size:12px; }

    body    { margin:0px; }
   
    </style>

</head>

<body>

<div id='myChaser'>Denne tekst følger dig.</div>

<script language='javascript'>

    var Chaser =
    {
        // you set these paramaters!
        hover    : 50,
        divisor    : 6,
        callRate: 55,
        layer    : document[document.all ? "all" : "layers"]["myChaser"]
    }
   
    Chaser.paint = function() {

        targetY = (document.all ? document.body.scrollTop : window.pageYOffset) + Chaser.hover;

        currentY = document.all ? Chaser.layer.style.pixelTop : Chaser.layer.top

        difference = currentY - targetY;
        decrement = Math.round(difference / Chaser.divisor);
       
        if (document.all)
            Chaser.layer.style.pixelTop -= decrement
        else
            Chaser.layer.top -= decrement
    }

   
    window.setInterval("Chaser.paint()", Chaser.callRate)

</script>


<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


</body>
</html>
Avatar billede mads1987 Nybegynder
16. november 2006 - 18:56 #3
Udvikleres forslag er præcis hvad jeg leder efter. Mangler kun en metode hvorpå jeg kan centere diven?
Avatar billede udvikler Nybegynder
16. november 2006 - 19:18 #4
Vil du centrere div'en eller indholdet i den?

diven kan centreres ved enten at indsætte den i en tabel også derefter centrere indholdet i tabellen eller også kan man bruge lidt mindre køn kode også indsætte <center> og </center> omkring div'en

Så burde det være løst :-)
Avatar billede jowii Nybegynder
16. november 2006 - 21:17 #5
Hvis det er selve diven der skal centreres er det da mere rigtigt at bruge margin:auto, width:50% osv.?
Avatar billede mads1987 Nybegynder
20. november 2006 - 17:54 #6
Mange tak for svar
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