CSS content centered

[lukedavenport]

Hi all,

I wonder if you guys can help me, I'm having trouble with some CSS. In the zip file attached I have an example page to show you the CSS problem that I am experiencing.

When the internet browser is made smaller in size it pushes the text and jquey tab content onto a another line. I have used all sorts of padding and margins, max, min width which I think is causing the problem (I am not too sue what to use) but seem to have no luck in fixing it. I would like the website to be centered when the browser screen is made smaller so the content is always centered without having to scroll horizontally.

If you guys could have a look that would be great.
Thanks
Luke

[michael180]

Have you tried,
margin-right: auto;
margin-left: auto; in the container that holds the content . . .

[lukedavenport]

Hi,

Thanks for your quick reply Michael. I have put a container around the header, breadcrumb and container with a margin of auto. I have set the body background image to correspond with the header, breadcrumb and content backgrounds colors however the footer is outside the container so I have made another container to go around the footer because the content area may be long or short.

How would I go about setting the the whole length of the footer the same colour, I have put it to width 100% but then I have to use a text-indent to keep the footer in line with the text above, though when the browser is made smaller it does not line up to the content in the header, breadcrumb etc (please see attached).

How would I go about this?
Thanks
Luke

[lukedavenport]

Hi,

Does anyone have any ideas on how I would solve this issue?

I would appreciate if anyone had any suggestions.

Thanks
Luke