We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

Vertically and Horizontally center absolute positioned CSS layout

Quarfelburg
Quarfelburg asked
on
Medium Priority
692 Views
Last Modified: 2011-09-20
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 )
Comment
Watch Question

Commented:
is this what we are supposed to see??

Sorry, that URL does not exist
on this server.

Commented:
i'm guessing not and don't see anything on your server similar...

Author

Commented:
hold on - youre being redirected to .com - will dupe file structure

Author

Commented:
should work now.
Top Expert 2004
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview

Author

Commented:
Works. Thanks for all your help sean - this way of coding layouts beats tables hands down.

Hayden
Top Expert 2004

Commented:
Yeah?

Then what are all those tables doing in your code :-)
Top Expert 2004

Commented:
BTW - very nice furniture...

Author

Commented:
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?
Top Expert 2004

Commented:
Divide the width/height by 2.
Top Expert 2004

Commented:
>>I was going to ask if it was possible

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

:-)
Top Expert 2004

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

http://css.maxdesign.com.au/listamatic/horizontal09.htm
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.