On Jun 24, 2006, at 3:31 AM, Brian Ghidinelli wrote: > <http://beta.MotorsportReg.com/> > <http://beta.MotorsportReg.com/calendar/event.cfm? > uidEvent=1A73CE55-0865-1A10-A71A7A5FD6D606EE> > > In most browsers like Firefox, IE6, Safari, etc, the index page has > one > wide and one narrow column, navigation tabs positioned to the > right. On > the event page, it is two more equally sized columns. > > In Mac/IE, none of my right floats seem to work. This is the case for > the text nav at the very top right, the navigation tabs, and the right > column which is currently sitting on the right, but not next to the > left > column. I fixed the text nav with a text-align: right but doing the > same on the tab nav makes them blow up, stack vertically and grow > wider.
For the header of your page: the answer is width-less floats. IE 5 mac follows the CSS 2.0 specifications closely, which require a width to be declared on floats. [1] > > The calendar table in the primary column is set to 100% width which I > tried changing to 99% with no avail. I also tried various > combinations > of position:relative and many other iterations. My floats do have > explicit widths on them and they do "size" correctly as far as I can > tell. Bringing the size down to 15% on the smaller column didn't fix > any total width issues. This is actually a bug in IE 5 Mac [2]. #content-ma has a 'clear:both' rule. This prevents the child blocks to float correctly. Solved by inserting a clearing element before the offending block. [1]<http://www.l-c-n.com/IE5tests/float2misc/#flwidth> [2]<http://www.l-c-n.com/IE5tests/float2misc/#fm002> And enough more bug analysis on those pages to fix your problems. 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/
