Wrapper at width of 100% doesn't fill screen!

  • Resolved Grumpy Chicken

    (@grumpy-chicken)


    13 years, 7 months ago

    Hi All, Any help here would be appreciated…

    My site based on the 2010 theme is up and running and was doing well https://www.grumpychicken.co.uk but I noticed yesterday that despite my wrapper being set at 100% width there’s an annoying scroll bar across the bottom and the screen background is about 2% wider than the wrapper- it didn’t used to do this.
    I guess I must have inadvertently changed something in the style.css to get this effect but can’t for the life of me find out how to get rid of it. Please help!!

    Grumpy Chicken

Viewing 5 replies - 1 through 5 (of 5 total)

  • Try locating the relevant CSS using Firefox and the Firebug add-on.

    Maybe dirty but you can solve it by putting overflow-x: hidden; in the body css.

    Thread Starter Grumpy Chicken

    (@grumpy-chicken)

    esmi- thanks for your suggestion, I have tried a similar exercise using ‘inspect element’ function within Google Chrome but just can’t seem to locate where the problem lies. I’ll have a go with Firefox/Firebug as you suggest later.

    JPLC- thank you for your suggestion too, it would work but also means that if the browser is minimised to less than 1000px (I’ve set min-width to 1000px) the scrollbas don’t appear and therefore navigation is impossible!

    More suggestions welcome from the floor……….

    on closer inspection, it seems that the left:1% together with width:100%; in the style of #upper-logo is causing it:

    #upper-logo {
position:absolute;
left:1%;
top:5px;
width: 100%;
margin:0;
height:5px;
/*background:#ff00ff;*/
overflow:visible;
z-index:99;
}

    change the width to 99%;

    Thread Starter Grumpy Chicken

    (@grumpy-chicken)

    alchymyth- thanks for taking the time to look at that for me- you’ve nailed it!

    Problem:Solved

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Wrapper at width of 100% doesn't fill screen!’ is closed to new replies.