treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Width:100% problem with IE

  • Hey all,
    I am having a problem with something in IE7. I'm hoping someone can open my eyes to how to fix.
    Here is a sample: http://www.originallyricsformusic.com/joindemo.html
    The (#verytop) div should be 100% across the screen. I have it set to width:100% obviously, but it is not doing so in Internet explorer 7. Of course works fine in other browsers. Any suggestions? Thanks in advance!
  • Hi there,

    From what I actually see is that your "verytop" div isn't going across.. I would take the "positioning" out of it;

    Original Code:

    #verytop{
    width:100%;
    height:13px;
    position:absolute;
    top:0;
    background: url(\"topbg.png\");
    background-repeat:repeat-x;
    }


    Suggestion Code:

    #verytop{
    width:100%;
    height:13px;
    top:0;
    background: url(\"topbg.png\");
    background-repeat:repeat-x;
    }


    Give that a swirl.. Let us know. Thank you!
  • Yes! Thank you, that was it! I appreciate it. Why exactly is that? Just another stupid IE quirk?
  • Hi,

    Pretty much, your welcome :)

    Thank you,