11 I have the same flicker problem

IE6/XP

Same 6.0.2800.1106.xpsp2.030422-1633 version as reported above, same flickery behavior.

posted at 10:15 pm on October 30, 2003 by elan

12 Wonderful

An excellent experiment in the power of css.

posted at 10:24 pm on October 30, 2003 by Stephen Taylor

13 IE5/Mac hack obsolete?

I wonder if the IE5/Mac hack is needed. If you add a display:block to the li definition, IE5/Mac lines up nicecly.

To see this I have modified the example7 file:
http://www.xs4all.nl/~mosm/Blogtest/slidingdoors_alternative.html

Any reason not to do this?

posted at 11:44 pm on October 30, 2003 by Martijn ten Napel

14 re: IE5/Mac hack obsolete?

Martijn, I just had a look at your example with Opera 7.11/linux and all tabs are sitting on the left on top of each other without any background grafics.

Andreas

posted at 12:22 am on October 31, 2003 by Andreas

15 Inspiring

Both articles are very inspiring and very succinctly written. I enjoyed reading them and took home a lot of new insights. Thanks, Doug.

Andreas

posted at 12:25 am on October 31, 2003 by Andreas

16 Opera 7?

Andreas: I have checked on Opera 6.03 on my Mac and a fresh copy of Opera 7 on Win98, but they both make a mess of both the CSS in the article and my own example.

Tweaking a local copy of a HTML file and a stylesheet and reloading in Opera 7 did not show any difference, even not when emptying the cache and restarting Opera.

Even more interesting, this website (A List Apart) uses the same technique for its top menu, but not the IE/Mac hack and it still works.

Can anyone shed a light on this? I like my stylesheets with as less hacks as possible and it seems there are more roads leading to Rome when using list-items for a menu and marking them up with CSS to align them horizontally.

posted at 02:19 am on October 31, 2003 by Martijn ten Napel

17 IE6 no flickering

I am using Mozilla, but tested it on IE 6 under Win2k and no flickering occurs when the cache is set to auto. However I prefer using every time check, so it’s less useful for this option (doesn’t look good).

Regardless of this IE bug, this article is way to go! Thanks for sharing your tips.

posted at 03:03 am on October 31, 2003 by dusoft

18 Nice addition

Congratulations Doug for refining the sliding doors even further; however I’d like to print those 2 articles for back reference w/o the menubar and sidebar widgets.
A shame that ALA doesn’t have a print style sheet ready yet.

posted at 03:48 am on October 31, 2003 by Michaël Guitton

19 Small resolutions?

Very nice! I’ve been experimenting with tabs too and this will certainly come in handy. One caveat I’ve noticed though, is when you have a large tab row (try making the fonts extremely large in one of the examples). Depending on the browser, the tabs are then stacked in different rows or wider then the content.
The only way around that seems to be limiting the width of the tab row to the width of the content below it, which may not always be possible.

posted at 04:55 am on October 31, 2003 by Jeroen Coumans

20 Examples 9 to 10a don't work with IE6.

Nice article, congratulation.
While trying out with IE6/XP (Version:6.0.2800.1106.xpsp2.030422-1633) the example 8a functioned perfectly. However, with the examples 9 to 10a was not to see any hover effect, up to the changing of the font color.

posted at 06:10 am on October 31, 2003 by std