I know many of you consider Mac/IE dead but our site still has an 
unfortunate number of folks using this beast.

I've searched google and the list archives and found some ideas that 
could be potentially causing my right float problems but I haven't yet 
been able to tame the beast:

<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.

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.

I get the feeling that display: inline-block might be part of the 
solution but I'm not sure how to go about it.  Any help from a Mac-savvy 
lister would be greatly appreciated in getting this to work.  I'm not 
trying to achieve perfection with IE5/Mac, just get columns to be 
side-by-side like in other browsers.

Thank you!


Brian


______________________________________________________________________
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/

Reply via email to