Grow your CSS skills. Land your dream job.

Width:100% problem with IE

  • # March 12, 2010 at 11:40 pm

    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!

    # March 13, 2010 at 12:10 am

    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:

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

    Suggestion Code:

    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!

    # March 13, 2010 at 12:26 am

    Yes! Thank you, that was it! I appreciate it. Why exactly is that? Just another stupid IE quirk?

    # March 13, 2010 at 12:40 am

    Hi,

    Pretty much, your welcome :)

    Thank you,

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".