juliann wheeler wrote:
> You can view my design at:
>
> http://www.agentevaluator.com/juliann/brown/indexbrown.html
>
> How do I get this to center on the page?
>
> thanks!
>
It's a bit tricky when everything is absolutely positioned like that.
You could produce the same layout with floats and normal text instead of
images. I tried resizing the text and all that happens is the right hand
column text starts to move down and disappears behind the div #layer9.
In the meantime change all those left : 25px; declarations on each layer
div to left : 0 ; and add this div in your markup:
<div id="wrapper">
...everything that's currently within the <body> tags goes in here...
</div>
and then add this to your css:
#wrapper {
position: relative; /* absolutely positioned blocks will be positioned
relatively to this */
width: 750px; /* important for the margin auto declaration to work
*/
margin: 0 auto; /* the auto bit achieves the centering */
}
That should do it but it's not reccommended to use position: absolute;
for the layout.so extensively. Google around for some float layout
tutorials then if you get stuck there's always this list.
Hope this helps,
Rob
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
