Safari 3 Beta Screws Up Tabouli Tabs

About This Article •

Share/Save/Bookmark

Yes, I am aware of this. No need to write and tell me.
Some people are warning that you should NOT download and install Safari 3 as it will disable the functioning of your Cocoa applications. Others report that this is not the case for them. I see Apple has deleted the thread on their site [...]

June 12, 2007 11:19 AM

Announcements


« I used a table snippet, but why does the table appear half way down the page?


All New Finder For Leopard »


Yes, I am aware of this. No need to write and tell me.

Some people are warning that you should NOT download and install Safari 3 as it will disable the functioning of your Cocoa applications. Others report that this is not the case for them. I see Apple has deleted the thread on their site DOH!

Regardless, it appears that the Safari 3 beta has gone from one form of non-compliance to another, rendering the Tabouli menu screwy.

When I first created Tabouli, I had to figure out how each browser used the CSS display attribute to generate the tabbed menu. Firefox and Flock rendered it correctly, but IE6, IE7 and Safari did not. I have unique styles in the code for those three browsers. If you look in the file entitled parentNav.css, you will see the “Safari only” styles. They look like this:


/* Safari Only */
html[xmlns*=""] body:last-child #parentNav li {
display: inline-table;
}
html[xmlns*=""] body:last-child #parentNav a {
display: block;
}

I had to put this in there to get Safari to display the tabs correctly. With Safari 3, they’ve obviously changed the way they interpret the code because, as many of you noticed, the tabs are now vertically aligned. I thought, “Oh, hum… they fixed their compliance issue! Let’s take the safari-only code out!”

BZZZZZZZZZZZZZZZZT! Nope, it appears they’ve gone from one form of non-compliance to another - neither works. So what does this mean? Well… if I can’t isolate by Safari version or if Apple doesn’t provide conditional comments like Microsoft did for IE, then Houston, we have a serious problem.

I’ll post updates as I have them.


 

7 Comments

  • Don’t know what happened with my first post but anyway I just thought I’d let you know that the link in your post points to a forum thread about the original Safari in 2003.

  • There was nothing in your comment but the word “just” so I figured you hit the submit button by accident.

    The correct link for the Beta is here. Not sure how I got that one in there! Note even on the same site :-\

  • Yes I’m trying Safari 3 and I don’t see a submit button just preview and a blank rectangle which must be the button.

  • LOL okay that’s ironic and funny.

  • Thanks for looking into this new problem created by Safari 3, Suzanne. I’m confident that you’ll solve it.

    And yes, I also see a blank rectangle where the submit button should be on this page.

  • I’m not actually looking into anything. I’ll wait like everyone else to see if they release a compliant browser. Then, like everyone else, I’ll see what kind of control it offers in terms of isolating styles and if the browser is still non-compliant, we’ll use one-offs like we do for IE. To expect site owners to respond to a beta product while it’s being developed would be very Microsoftish. Not buying that for a minute.

  • I filed a bug report to Apple, if that helps any… :)