Link to home
Start Free TrialLog in
Avatar of Quarfelburg
Quarfelburg

asked on

Vertically and Horizontally center absolute positioned CSS layout

Hi all, I just converted my table based layout to CSS and am loving the results.  The only thing I can't figure out is how to horizontally and vertically center the layout (so that it is in the middle of the page).  

Here is the layout:
http://www.greenteadesign.ca/newsite/newlayout.html

Any help would be greatly appreciated,
Hayden

(P.S. If you could tell me if anything is not looking right on any browser/platform or have any suggestions that would be great too.  Compare to table based layout at http://www.greenteadesign.ca/newsite/product.html )
Avatar of bruno
bruno
Flag of United States of America image

is this what we are supposed to see??

Sorry, that URL does not exist
on this server.
i'm guessing not and don't see anything on your server similar...
Avatar of Quarfelburg
Quarfelburg

ASKER

hold on - youre being redirected to .com - will dupe file structure
should work now.
ASKER CERTIFIED SOLUTION
Avatar of seanpowell
seanpowell
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Works. Thanks for all your help sean - this way of coding layouts beats tables hands down.

Hayden
Yeah?

Then what are all those tables doing in your code :-)
BTW - very nice furniture...
Thanks, as for the tables - I was going to ask if it was possible to use a list with display block (for thouse css mouseover effects).  Was playing around for awhile then just switched to using tables.

I'm curious - where did you get those numbers for the negative margins?
Divide the width/height by 2.
>>I was going to ask if it was possible

NEW QUESTION ALERT!!!
NEW QUESTION ALERT!!!

:-)
You may want to have a peek here, as an example:

http://css.maxdesign.com.au/listamatic/horizontal09.htm