Comments on: A Few Wishes For Next Safari Build http://www.maratz.com/blog/archives/2005/06/20/a-few-wishes-for-next-safari-build/ Hypertext rulez™ Sun, 07 Sep 2008 18:12:17 +0000 http://wordpress.org/?v=2.6 By: Paul Pomeroy http://www.maratz.com/blog/archives/2005/06/20/a-few-wishes-for-next-safari-build/#comment-695 Paul Pomeroy Sat, 25 Jun 2005 20:21:55 +0000 http://www.maratz.com/blog/archives/2005/06/20/a-few-wishes-for-next-safari-build/#comment-695 The latest updates on Safari (1.3 v312 and 2.0 v412) introduced a lot of nice css fixes, but also a few problems. What was a rather well documented/tested way of putting a drop shodow on an image <a href="http://wubbleyew.com/tests/dropshadows.htm">no longer works</a> in either version. The right edges of the shadow is about 6 px too far to the right. The same technique, though, seems to work on text blocks. On 1.3 (but not 2.0) there's also a strange set of problems with <a href="http://www.htmldog.com/articles/elasticdesign/demo/">elastic images</a> (image sizes specified in em's). On the first image on the linked-to page, bumb the text size up and down and notice how the image tiles from the lower-left corner. The image is supposed to stretch and shrink with the text size. The latest updates on Safari (1.3 v312 and 2.0 v412) introduced a lot of nice css fixes, but also a few problems. What was a rather well documented/tested way of putting a drop shodow on an image no longer works in either version. The right edges of the shadow is about 6 px too far to the right. The same technique, though, seems to work on text blocks.

On 1.3 (but not 2.0) there’s also a strange set of problems with elastic images (image sizes specified in em’s). On the first image on the linked-to page, bumb the text size up and down and notice how the image tiles from the lower-left corner. The image is supposed to stretch and shrink with the text size.

]]> By: Justin P http://www.maratz.com/blog/archives/2005/06/20/a-few-wishes-for-next-safari-build/#comment-646 Justin P Mon, 20 Jun 2005 18:12:20 +0000 http://www.maratz.com/blog/archives/2005/06/20/a-few-wishes-for-next-safari-build/#comment-646 I have learned to be very diligent about specifying widths on my floated elements. This isn't so much an issue with Safari as it is a poor implementation of the spec with regard to all other browsers. Lesson learned: If you use floats, make sure to check how they look in Safari because you may be suprised to see a floated element appearing further down the page (because it doesn't have a width, and is given a default 100% width which causes a "clear") than you expect. I have learned to be very diligent about specifying widths on my floated elements. This isn’t so much an issue with Safari as it is a poor implementation of the spec with regard to all other browsers.

Lesson learned: If you use floats, make sure to check how they look in Safari because you may be suprised to see a floated element appearing further down the page (because it doesn’t have a width, and is given a default 100% width which causes a “clear”) than you expect.

]]>