Forum Moderators: not2easy

Message Too Old, No Replies

CSS Problems (Help, Please!)

         

nathanpf

3:17 pm on Sep 30, 2010 (gmt 0)

10+ Year Member



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

5:12 pm on Sep 30, 2010 (gmt 0)



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

8:14 am on Oct 1, 2010 (gmt 0)

10+ Year Member



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

1:28 pm on Oct 1, 2010 (gmt 0)



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

1:37 pm on Oct 1, 2010 (gmt 0)

10+ Year Member



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

Major_Payne

3:12 pm on Oct 1, 2010 (gmt 0)



You're welcome. Good luck.