The Hickensian

7.11.03 IE 5 Mac notes

Some IE 5 Mac things I recently discovered:


  • IE 5 Mac won’t float a bunch of
    ’s,
      ’s etc. unless you specify a width for them.

    • When I applied the Tom Gilder image replacement method to elements such as the site logo, Safari added a huge horizontal scrollbar (presumably 1000em wide). This only seemed to happen when the image was within nested divs, positioned absolutely. To get around this, all I had to was add overflow:hidden.

      The reason that the image wouldn’t then show in IE5 Mac, was this extra overflow:hidden rule. As this isn’t needed in all cases, it can added as needed using the commented backlash hack:

      /*  IE 5 hack \*/
      #logo a {overflow: hidden;}
      /* end hack */ 

      My copy of Panther still hasn’t arrived, so I haven’t been able to test whether this is ‘fixed’ in version 1.1. I say ‘fixed’ as I’m not sure this can called a bug.



    *Update – this is no longer a problem in Safari 1.1. Huzzah for that, but 1.1 is so far only available to Panther users.

Comments | RSS

No.1

Kam said 2321 days ago:

Hmmm, AFAIK CSS2.1 Spec says, that float NEED specified width. It shouldn't work otherwise.
No.2

Jon HIcks said 2321 days ago:

True in theory, but in reality all other browsers are OK, and take the content of it to be the width.

The Hickensian is the journal of Jon Hicks, one half of the creative partnership Hicksdesign. Read more about us.

Journal RSS Feed

POWERED by FUSION

Elsewhere

The Rissington Podcast - weekly shenanigans with Jon Oxton

Hicksmade - unique handmade goods by Leigh Hicks

My Zoo | RSS