[thelist] controlling image height in Safari

Sarah Adams sarahwbs at gmail.com
Thu Sep 24 14:08:18 CDT 2009

John DeStefano wrote:
> I'm working with a web application's stock style sheets and trying to
> customize a few things.  I'm having trouble getting a logo image's size
> to play nicely with Safari, while the size seems to be working fine in
> other browsers.
> In the stylesheet definition for the logo id, I've specified a distinct
> height (30px), which is respected by Firefox, but Safari seems confused:
> the embedded source shows a height of 33, and the browser's info tools
> show a "computed style" height of 30.  I've even tried making the height
> !important, with the same results.  Interestingly, Safari's info tools
> display a strike-through on the 33px height, but that's the one that
> seems to be trumping my specified height anyway (see attached image, or
> this link if the attachment get stripped:
> http://i119.photobucket.com/albums/o151/deesto/web/image-screen.png
> ).

I'm not really sure what the problem is here. If the computed style
height is 30, that's what you want, right? The computed style is the
style that is used after the browser calculates which CSS declaration
applies. The 33px with the strikethrough shows that that particular
declaration (or in this case, html attribute) is being overridden.
Sounds to me like everything is as it should be, unless what you're
seeing is not what's expected.

sarah adams
web developer & programmer

More information about the thelist mailing list