Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE - Floated DIV still affects flow

    Hi,
    I'll betcha this has already been addressed here. My apologies, but I'm totally in crunch time so I'm posting after only a brief search. If the solution is around already, I'll be happy to find it...just tell me so.

    That said...

    I have a DIV (orange search form) that lives up at the top of the HTML document, but is relatively positioned to display further down the page. In IE, the page bumps down as if the DIV were still at the top, but the DIV still appears where it should. The DIV displays in the correct place in all my target browsers (IE6, Moz 1, and NS6) but the page behind it is not right in IE.

    Here's a link to the page and the css:
    http://fiercefamily.com/samples/test.html
    http://fiercefamily.com/samples/css/advanced.css

    Thanks a million!

  • #2
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I think I solved it by adding the following hacks to my css to subtract the space being added to the top of #main and then to reposition the search bar in IE only to match Moz.

    /* IE Hack */
    * html #search {
    top: 155px;
    }


    /* IE Hack */
    * html #main {
    margin-top: -30px;
    }

    Is there a better way? I'm thinking I just used the hack to undo something that I did wrong in the first place. Don't want that!

    Thanks,
    Tim


  •  

    Posting Permissions

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