Help: Safari is busting on my tables

[stumblebum]

Okay, first off I'm a newbie developer and this site certainly doesn't validate as XHTML transitional (mostly due to missing "ALT" tags), but I'm encountering this table "float" issue with Safari 1.2.1 that I can't seem to resolve. Site works fine in IE5.5 (mac and PC), but in Safari my tables don't center properly--they seem to creep slightly to the right or the left as you navigate the site. My CSS validates but maybe I'm using a tag incorrectly or there's some sort of syntax issue. I've tried using the <CENTER> tag and CSS to center tables, but it doesn't seem to help. I'm currently using <div align="center"> to center my tables.

Here's the site (don't harsh on it too hard--it's for my freelance business): http://dougmuise.com/

I figure this is a good learning opp for me--any help is greatly appreciated!

cheers,

Doug

 

[mnkeybsness]

ahhh.... where's the problem? i can't find it.

 

[Rower_CPU]

ahhh.... where's the problem? i can't find it.

Looks fine to me, too. Which version of Safari you having problems with? I'm on 1.2.1.

Here's a screenie:

 

[Benjamin]

The site is perfectly centered, there isn't a problem.

 

[HexMonkey]

I think I see what he means: When you go to a longer page, eg Portfolio, a vertical scrollbar appears. This decreases the page width and hence makes the table move to the left a bit. This happens in IE too, it's just not as noticeable when it's not cached because it clears the page for a second while loading a new page. This happens on every page with centred things, and AFAIK is unavoidable.
Is this what the problem is stumblebum?

 

[stumblebum]

Ah, this makes sense to me--the scroll bars are re-centering the page slightly to the left. It's annoying, but it looks like the only way around it would be to put things in a frameset. I think I can live with it.

Thanks for your help!

Doug

I think I see what he means: When you go to a longer page, eg Portfolio, a vertical scrollbar appears. This decreases the page width and hence makes the table move to the left a bit. This happens in IE too, it's just not as noticeable when it's not cached because it clears the page for a second while loading a new page. This happens on every page with centred things, and AFAIK is unavoidable.
Is this what the problem is stumblebum?

 

[jennyjennydz]

Ah, this makes sense to me--the scroll bars are re-centering the page slightly to the left. It's annoying, but it looks like the only way around it would be to put things in a frameset. I think I can live with it.

Thanks for your help!

Doug

If you decide you can't... you could use a spacer below the tables for perma-scrollbars or do a javascript window height check to dynamically add a blank column on the right simulating an invisible scrollbar on pages where needed.

--

WAR IS PEACE
IGNORANCE IS STRENGTH
FREEDOM IS SLAVERY

 

[stumblebum]

That's a great idea--I'll add a spacer below the tables to get the perma-scrollbrs on all pages. Thanks!

If you decide you can't... you could use a spacer below the tables for perma-scrollbars or do a javascript window height check to dynamically add a blank column on the right simulating an invisible scrollbar on pages where needed.

--

WAR IS PEACE
IGNORANCE IS STRENGTH
FREEDOM IS SLAVERY

 

[Rower_CPU]

That's a great idea--I'll add a spacer below the tables to get the perma-scrollbrs on all pages. Thanks!

And have users scrolling down looking for content and then get confused when all they see is blank space? Seems counter-productive, to me.

People will most likely not notice the slight changes in centering because of scroll-bars, or if they do they won't care. People will most likely care about seeing a bunch of blank space at the bottom of the page and will think there's something wrong on their end or yours.