www.webdeveloper.com
Results 1 to 4 of 4

Thread: Possible float property bug in IE 5/Mac?

  1. #1
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,773

    Possible float property bug in IE 5/Mac?

    I've been experimenting with a three column xhtml layout that works fine on every other darn browser except for IE 5/Mac. I've got the code at http://users.tm.net/gburghardt/cmlife/.

    I have three DIVs that make up the three columns, all floated left in css (float: left. Each DIV appears below the other like I hadn't floated them at all. I know that IE 6/ PC has kind of a weird way of supporting floated elements, in that they don't seem to cross the boundries of other elements in some instances, and I was wondering if the same sort of thing were holding true for IE5/ Mac?

    The really goofy thing is, on the page listed above, I have the same sort of thing on the page twice. The DIVs for site search, breaking news, and newsupdate behave just fine, but the DIVs for my left hand menu, body, and right column display as if they don't have any float property applied at all.

    As far as I can tell, I don't have any mistakes in the code...

    Any info would be great.

  2. #2
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,773
    I figured it out.

    I have the three floated DIVs nested in another DIV called "top" with the clear: both; property specified.

    <div id="top">

    <div id="left"></div>

    <div id="middle"></div>

    <div id="right"></div>

    </div>

    IE5/Mac apparently does an excellent job of inheritance. The PC browsers that I tried it on did not catch it (Mozilla 1, NS 7, IE 6, Opera 6). Each of the floated DIVs inhereted the clear: both; from their parent DIV, which prevented the floated DIVs from floating next to each other.

  3. #3
    Join Date
    Nov 2002
    Posts
    984
    Originally posted by toicontien

    IE5/Mac apparently does an excellent job of inheritance.
    [/B]
    Yepp, except for the small fact that clear is defined to be "Inherited: no"...

    http://www.w3.org/TR/REC-CSS2/visure...#propdef-clear

    In short, you are looking at an IE/Mac specific bug. But you found the workaround too, so all is well
    // Stefan Huszics

  4. #4
    celebguy_dv Guest

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles