Centering my webpage, but my index has multiple layers

[GprophetB]

Im using adobe go live, and was wondering how to go about getting my layers and everything to center itself int he middle of the page.

 

[igowerf]

Multiple layers? Did you use a lot of absolute positioning? We'd probably have to see how your webpage is layed out before we can help you.

 

[Zugzwang152]

div.main
{

width: 50%;
position: absolute;
left: 25%;
}

?

 

[GprophetB]

err i dont know if i manually set any absolute postions, although Golive may implement these as i use more layers,

Do you want a PM of my index source or a link??

thanks for the help,

and Zugzwang im not sure where to plug that into as i have <div id="main" class="class>

 

[GprophetB]

Grr go lives help page contains nothing on aligning multiple frames

Any other suggestions?

 

[GprophetB]

ttt

 

[Modeps]

Alright, I think you are a bit off in your knowledge... first you say layers, then you say frames... Perhaps you should be using Dreamweaver? It's one of the better dev tools out there for html.

 

[Homerboy]

if you used absolute positioning I think you are screwed as those "measurements" are taken from screen edges and wil lvery from resolution to resolution

IF you didn't use absolute, simple create a table, center it and then move all your content into that one table.

 

[Beau]

Originally posted by: Zugzwang152
div.main
{

width: 50%;
position: absolute;
left: 25%;
}

?

that would make the width of the content of the page variable.

 

[Beau]

Originally posted by: Homerboy
if you used absolute positioning I think you are screwed as those "measurements" are taken from screen edges and wil lvery from resolution to resolution

IF you didn't use absolute, simple create a table, center it and then move all your content into that one table.

Absolute positioning is relative to the elements parent if the parent is also positioned absolutely.

If you did use a lot of absolute positioning, the only way to get to work right centered will be to use a javascript hack, unless you use tables like Homerboy mentioned.

 

[Beau]

Here's an example of CSS + Javascript centering for absolute positioning

Notice the gray boxes, they're there to show you that absolute is relative to the parent if the parent is absolute. If it wasn't, they'd be 60px from the corners of the window rather than the coreners of the content layer.

 

[Homerboy]

Originally posted by: Beau
Here's an example of CSS + Javascript centering for absolute positioning

Notice the gray boxes, they're there to show you that absolute is relative to the parent if the parent is absolute. If it wasn't, they'd be 60px from the corners of the window rather than the coreners of the content layer.

Hmm interesting. Thanks for the link you learn something new every day here on on AT 🙂

I think this maybe a tad advanced for the OP though, but it is pretty slick for sure. Hopefully it helps him/her.

 

[GprophetB]

Ok woops i said frames didnt i ,

yes i see the idea here... i think i can make a single parent layer, and put everything else in that layer, apply no CSS styles to it (so you cant see it) and then apply an absolute position to the "root" layer

make sense?

thanks for all the posts i think i know what to do now