wrapper width is more than defined

Discussion in 'HTML & Website Design' started by uvishere, Oct 19, 2014.

0
  1. #1
    Hello there,
    I have a site named http://www.ratopati.com. The wrapper's width I defined is 1040px but it is appearing a bit lengthier in size resulting the appearance of horizontal scrollbar. Can you please check this and help me to get rid out of this problem?
    regards,
    uvishere
     
    uvishere, Oct 19, 2014 IP
  2. KewL

    KewL Well-Known Member

    Messages:
    245
    Likes Received:
    16
    Best Answers:
    3
    Trophy Points:
    128
    #2
    Works fine for me, I'm seeing it at 1015px in width.
     
    KewL, Oct 20, 2014 IP
  3. Jim Bean

    Jim Bean Member

    Messages:
    24
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    38
    #3
    I have had a look at it seems that something inside of the #topmain div is wider than the containing div and causing the horizontal scroll bar. By adding overflow: hidden to the .topmain class in style.css the horizontal scroll bar no longer shows.

    .topmain {
    margin: 10px auto; border-radius: 10px; width: 1015px; overflow: hidden;
}
    Code (markup):
    This is more of a hack than a fix as there is clearly something inside this div that is too wide.

    To identify the issue you could try keeping the .topmain class as it is and removing blocks of code until you narrow down the cause.

    All the best.
     
    Jim Bean, Oct 22, 2014 IP