Home Articles FAQs XREF Games Software Instant Books BBS About FOLDOC RFCs Feedback Sitemap
irt.Org
#

Q1314 How do you position a layer in the center of a document?

You are here: irt.org | FAQ | DHTML | Q1314 [ previous next ]

You have to place the complete document inside another (dummy) layer:

<html>

<head>
<script language="JavaScript"><!--
function middle() {
    if (document.layers) {
        document.layers['myLayer'].pageX = document.layers['dummy'].document.width/2;
        document.layers['myLayer'].pageY = document.layers['dummy'].document.height/2;
    }
    else if (document.all) {
       document.all('myLayer').style.posLeft = document.all('dummy').style.width/2;
       document.all('myLayer').style.posTop = document.all('dummy').style.height/2;
    }
}

//--></script>
</head>

<body onLoad="middle()">

<div id="myLayer" style="position: absolute; top: 0; left: 0;">
<strong>Some Text</strong>
</div>

<div name="dummy" style="position:absolute">
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa ab illo inventore veritatis
et quasi architecto beatae vitae dicta sunt explicabo.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur
aut odit aut fugit, sed quia consequuntur magni dolores
eos qui ratione voluptatem sequi nesciunt.  Neque porro
quisquam est qui do lorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia nonnumquam eiusmodi
tempora incidunt ut labore et dolore magnam aliquam
quaerat voluptatem.  Ut enim ad minima veniam, quia
nostrum exercitationem ullam corporis suscipit laboriosam,
nisi ut aliquid ex ea commodi consequatur? Quis autem vel
eum iure reprehenderit qui in ea voluptate velit esse quam
nihil molestiae consequatur, vel illum qui dolorem eum
fugiat quo voluptas nulla pariatur?  At vero eos et
accusamus et iusto odio dignissimos ducimus qui blanditiis
praesentium voluptatum deleniti atque corrupti quos dolores
et quas molestias excepturi sint occaccati cupiditate
non provident, similique sunt in culpa qui officia deserunt
mollitia animi, id est laborum et dolorum fuga.  Et harum
quidem rerum facilis est et expedita distinctio. Nam libero
tempore, cum soluta nobis est eligendi optio cumque nihil
impedit quo minus id quod maxime placeat facere possimus,
omnis dolor repellendus.  Temporibus autem quibusdam et
aut officiis debitis aut rerum necessitatibus saepe eveniet
ut et voluptates repudiandae sint et molestiae non recusandae.
Itaque earum rerum hic tenetur a sapiente delectus
ut aut reiciendis voluptatibus maiores alias consequatur aut
perferendis doloribus asperiores repellat.
</div>

</body>
</html>

Feedback on 'Q1314 How do you position a layer in the center of a document?'

©2018 Martin Webb