Topic: Positioning to Center (Page 1 of 1)

Im using the following code to align a paragraph:

<div id="Layer1" style="position:absolute; left:250px; top:400px; width:440px; height:224px; z-index:1">

I wanted to know how to make this DIV aligned to the center?

You can use this to center vertically and horizontally. But that doesn't work correct for Mac users.

Or visit glish or bluerobot.com (1, 2) for some other examples.

Or you don't use absolute positioning and place that layer into a table.

If you want to align a block-level object (such as a DIV or a P) to the center horizontally, set it's margin-left and margin-right values to "auto", and make sure you have a valid DOCTYPE tag at the start of your page. Unfortunately, that doesn't work in IE 5.

Thanks!

Hey , if you use Dreamweaver there is a great extension for centering layer on Macromedia Site that you can use...it centers your layers on the screen depending on users resolutions and browser window size...

MAX