Centering layer

W

Workinghard

Is it posible to have a layer center across the page.

Currently, the main layer always aligns to the left side of the browser
window.
I would like the layer to be centered in the browser window. Is this
possible? If so, How do I do It.
 
M

Murray

Shame, shame, shame. That'll do nothing other than add code to your page.
And you didn't even terminate the tag, so it's not only wrong, it's invalid!
8)

You *can* center a layer (i.e., an absolutely positioned div), but you have
to use CSS to do it. HTML will not have that capability.

Here is a good demonstration -

http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html

And here is some code -

(inline styles used for clarity)

STYLESHEET -
body { text-align:center; } /* for IE5/IE5.5 */
#wrapper { text-align:left; }

BODY -
<div id="wrapper" style="width:760px; top:0; margin:0 auto;
position:relative;">
<div id="layer1" style="width:200px; top: 25px; left:140px;
position:absolute;">blah</div>
<div id="layer2" style="width:180px; top: 136px; left:23px;
position:absolute;">blah</div>
</div>

Try that - an outer relatively positioned division with a width and auto
left and right margins. All interior AP divisions will be centered, yet
retain the
same relative positioning.
 
B

Bill Schroyer

LOL - I guess this doesn't work then???

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>
<div align="center">
<div style="position: absolute; width: 100px; height: 100px; z-index: 1;
background-color: #008080" id="layer1">
&nbsp;</div>
</div>
</body>

</html>
 
M

Murray

Nope. Doesn't work at all. Can't work, since absolute positioning removes
the element from the flow of code on the page.
 
W

Workinghard

Thank you Both for your help.

Murray said:
Nope. Doesn't work at all. Can't work, since absolute positioning removes
the element from the flow of code on the page.
Click to expand...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Centered text that does not stay centered 0
Centering Cascading Menu Made From Layers 4
centering layers 1
Layers and links 0
Behavior use problem 0
screen tip layers and hyperlinks 1
CENTER LAYER iN FRONT POAGE LIKE GOOGLE? 1
How to see what's in each layer (2003) 1

Top