Sent by Alan Gresley on 10 April 2008 19:07
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-REMOVED]]
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/