On Jun 24, 2006, at 11:37 AM, Brian Ghidinelli wrote:
> <http://beta.motorsportreg.com/>
>
> I'm using the base code from the ALA sliding doors article[1] which
> specifically fixes the IE5/Mac issue. But I am still unable to get
> the
> tabs to not stretch across the screen.
>
> Is this still a width issue?
There are additional problems with IE, that is, you use float:right.
For this kind of navigation, I use display:inline-block for IE Mac
only, and leave it at the left side of the window.
/* for IE Mac only */
#tabnav li, #tabnav a { float:none; display:inline-block;}
#tabnav li {width:1px; white-space:nowrap;} /* <-- mega-hit super
hack, prevents the expand to full-width */
Some (older) notes here:
<http://emps.l-c-n.com/articles/70/stuff-and-things>
and a demo (equally old code, when I look at it now :-))
<http://dev.l-c-n.com/Rfloatnav/slidingdoors.php>
other demos
http:///dev.l-c-n.com/inline-block/inline-block_list5.php
http:///dev.l-c-n.com/inline-block/inline-list.php
These don't use the sliding-doors thing (background-image), but it
should work just as well.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
