36 users online (1 members and 35 guests)  


  Results 1 to 2 of 2

Related

  1. Floating Top Bar    Forum: Javascript Forum
    Replies: 1
  2. Replies: 1
  3. CSS2/DOM Browser Survey    Forum: CSS Forum
    Replies: 1
  4. Block elements within inline elements    Forum: CSS Forum
    Replies: 6
  1. #1
    dlongnecker's Avatar
    Tired Student...(Z_z)

    Status
    Offline
    Join Date
    Aug 2004
    Location
    Wichita, KS
    Posts
    86

    Enclosing Floating Elements in CSS2 -- Can it work in IE?

    http://www.cs.hmc.edu/~mbrubeck/clear-after/

    Above is a fix enclosing floated elements in CSS2 and it fixes the problem beautifully in Mozilla, Firefox, and Netscape--but, as the article says, still hoses up in IE. Suggestions on fixing it in IE?

    Thanks!

    -David

  2. #2
    dlongnecker's Avatar
    Tired Student...(Z_z)

    Status
    Offline
    Join Date
    Aug 2004
    Location
    Wichita, KS
    Posts
    86

    Hmm...

    Well, I think I fixed it... maybe.

    I kept hunting and found the following article:
    http://www.sitepoint.com/forums/showthread.php?t=182290

    It discusses putting the following break tag right before closing your DIV.

    Code:
    <br style='clear:both' />
    This kinda... sorta... works for my layout (having multiple content DIVs aligned vertically); however, it throws them right together without the 10px margin-bottom. So, after a bit of experimetnation:

    Code:
    <br style="clear:both" />&nbsp;
    That space forces it to create that line and the world has become a very happy place. Pixel to pixel, it's a bit different in IE compared to Mozilla-based browsers, but... it still flows and works.

    Thanks!

    -David



Tags for this Thread