Archived

This topic is now archived and is closed to further replies.

  • 0

Mutli-dimentional Effect

Question

Posted · Report post

On my test home page (http://prodigeemarketing.com/testing-home-page/) I am attempting to replicate the same effect as seen on the footer here: http://www.rosetta.com/ Notice how the footer there is 1030px wide.

On my test home page I've put a content box where I want to create that affect and have set the background to be 1045px with the following code:


body.page-id-1044 #contentbox {

  width: 1045px;

  background: white;

}

Problem is that it overlaps but is off centered. How do I center it up? Obviously, I've attempted

margin-left: auto !important;

margin-right: auto !important;

but it doesn't work. I'm not worried about the .png needed to create the effect, only I can't get the background to be centered.

Any help is greatly appreciated!

Steve

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Instead of adding margin-left or margin-right, you may want to use margin: 0 auto

Share this post


Link to post
Share on other sites