Publicstyle wrote: > Ok I have spent the last few hours lurking google and the archives of this > list hard, but with no luck yet. > > Does anyone know of a way to make safari ignore my main stylesheet and read > a seperate one -- something like conditional comments for IE.
Yes there is a way. [..] > The site is here: > www.publicstyle.com.au > www.publicstyle.com.au/safari > > Cheers > Aaron Hi Arron Before we hack we must understand what is happening. You have run head on into a case of browser inconstancy. Firefox and IE8 will render one way. Safari 3 will render another way. Opera 9.5 will render similar to Safari but there extra space to scroll to below the viewpoint. Your design is a true Acid test. There was quite some controversy about Joel Spolsky's article Martian Headsets. http://www.joelonsoftware.com/items/2008/03/17.html This describes the world of many many standards where there is no true STANDARD. When this article was raised on the CSS WG mailing list by my self it was considered off-topic on that list and was forward onto the archive list. http://lists.w3.org/Archives/Public/www-archive/2008Mar/0059.html The only place that I could raise this issue was in this blog which criticized Joel Spolsky's article. http://my.opera.com/hallvors/blog/show.dml/1818385#comment5002217 The second example I give was this test case. http://css-class.com/test/css/viseffects/overflow-box-next-to-float.htm This test case relates to your problem on your page. This test case will render the same in Firefox and IE8 but render different in Safari 3 and Opera 9.5 I have have reworked your code which is very interesting showing exactly what is happening. http://css-class.com/x/pub/ Firefox and IE8 will render very close. The div#left float (red) is clearing the div.mik overflow:hidden (gold). In Safari 3 and Opera 9.5 this red float is hidden outside and above the viewpoint. Since this happens it drags the body (gray) upwards exposing the white background of the html element at the bottom of the page. Note that the height of the red float seen in Firefox and IE8 is the same height of the white background at the bottom of the page in Safari 3 and Opera 9.5. I know of a hack that you can serve to Opera 9.5. In closing this message I will ask the web design community to pull together on this issue that there is "no true standard" Alan http://css-class.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
