CSS Problems (Help, Please!)

[nathanpf]

Please take a look at www.ideal-envelopes.co.uk. I've just put the tabs at the top, a script which was online. I've managed to get the tabs where I want them but everytime I re-size the window in Chrome or Safari, the body of the website moves to the right hand side. It is housed within a Div.

CSS:

#tabsB {
width: 1000px;
margin-left: auto;
margin-right: auto;
left: 50%;

Any ideas? I'm not very good at all this. Regards, NPF.

[Major_Payne]

Try moving your "style" tags from between the "body" tags to between the "head" tags where they belong. Better yet, put them on an external CSS file and link to it on all pages.

HTML Errors [validator.w3.org]

[nathanpf]

Hi Major_Payne,
Thank you very much for your help.
I've done what you suggested and also changed the table in which it was contained in to a div and everything seems to be fine.
The only browser it doesn't look quiet right on is Safari (iPad). Strange one. Any ideas?
Thanks once again for your help, very much appreciated.
Regards, NPF.

[Major_Payne]

It's hard getting pages to work in all browsers since every browser developer insists on making the browser backwards compatible with awkward and bad coding. Might make sure your code is properly written and then visit the browser site to see if they have CSS work arounds. Sometimes it is just a matter of putting some CSS in that other browsers "take for granted".

[nathanpf]

Thanks Major_Payne, I shall have a play! Cheers :)

[Major_Payne]

You're welcome. Good luck.