Søg
Avatar billede bongo20 Nybegynder
12. december 2004 - 09:44 Der er 2 kommentarer og
1 løsning

div placering

Hej

Jeg vil gerne have et div med en størrelse på 200px X 200px  placeret som et lag ovenpå min side ( ligesom det sker med position:absolute ).

Jeg vil derudover godt have at div´et altid er lige i centrum af browseren, både vertikalt og horisontalt.

Nogen der ved hvordan det kan gøres?
Avatar billede thomas_yde Nybegynder
12. december 2004 - 13:23 #1
<script type="text/javascript" language="javascript">

function initPage(){
    posDiv();
}

function posDiv(){
    objDiv = document.getElementById("divPlace");
    objDiv.style.left = document.documentElement.offsetWidth/2 - 100;
    objDiv.style.top = document.documentElement.offsetHeight/2 - 100 + document.body.scrollTop;
}


window.onload = initPage;
window.onscroll = posDiv;
window.onresize = posDiv;

</script>

<div style="position:absolute;" id="divPlace">
    <font style="background-color:#FF0033; width:200px;height:200px;">Hello World</font>
</div>
Avatar billede thomas_yde Nybegynder
12. december 2004 - 13:24 #2
Mangler lige x.scroll:

<script type="text/javascript" language="javascript">

function initPage(){
    posDiv();
}

function posDiv(){
    objDiv = document.getElementById("divPlace");
    objDiv.style.left = document.documentElement.offsetWidth/2 - 100 + document.body.scrollLeft;
    objDiv.style.top = document.documentElement.offsetHeight/2 - 100 + document.body.scrollTop;
    document.getElementById("test").innerText = "Left: " +objDiv.style.left + ", Top: " +objDiv.style.top;
}


window.onload = initPage;
window.onscroll = posDiv;
window.onresize = posDiv;

</script>

<div style="position:absolute;" id="divPlace">
    <font style="background-color:#FF0033; width:200px;height:200px;">Hello World</font>
</div>
Avatar billede bongo20 Nybegynder
12. december 2004 - 15:19 #3
Lige nøjagtig,.. mange tak :o)
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 JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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 16:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
I går 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
White papers
Flere white papers »