Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [SOLVED] Wrapper exceeds browser width ?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #149738
    Source
    Participant

    http://codepen.io/Sourceone/pen/cJeGj

    I went ahead and based my site off a smint demo, since thats what im going for in terms of simplicity, but i cant figure out :

    When i put a

    .wrapper { width: 100%; z-index: 10; position: relative; margin: 0 auto; padding: 0; }

    The width of the browser expands more than needed ?

    I’m aiming towards making each section responsive in width to the browser.

    Thanks

    Source

    #149740
    Paulie_D
    Member

    If you remove the width:100% from #s3 it resolves

    http://codepen.io/Paulie-D/pen/lrLdo

    #149754
    Source
    Participant

    My bad, thanks

    #149842
    Eric Gregoire
    Participant

    I noticed there’s still a horizontal scroll. It’s usually caused by some lateral padding to a div that’s 100% width. I’d suggest you move the left and right padding to the .inner div from the content div but keep the top and bottom padding in the content div. Like this :: http://codepen.io/Boogiesox/pen/dLAcJ

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.