My webpage scrolls beyond the content

Discussion in 'HTML & Website Design' started by RoadWarriorVPN, Jan 2, 2013.

  1. #1
    I have an issue I'm hoping someone can direct me to the answer. I'm not sure even how to explain it as I'm not a coder by any stretch. I guess the easiest way would be to look at the pages. Basically a few of my pages scroll further than the content on the page. you can see this on my FAQ page which has the issue. (http://www.roadwarriorvpn.com/home/faq.php)
    My home page doesn't have the issue.
    If this has been posted else where I apologize, I've searched the site, Google, and a couple other sites...
    Thank you for your time.
     
    RoadWarriorVPN, Jan 2, 2013 IP
  2. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #2
    One problem may be that the page is semantic nonsense. You close tds where you have no table, you close spans that don't exist, you have bold tags with classes but nothing is being bolded, tec., etc. First fix the semantic errors.
     
    Rukbat, Jan 3, 2013 IP
  3. WillisOz

    WillisOz Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    As Rukbat said you have random closed </span>, </td> and </p> tags that have no starting tags associated with them. Definitely fix them before exploring any potential css issues.
     
    WillisOz, Jan 3, 2013 IP
  4. Hefaistos

    Hefaistos Active Member

    Messages:
    194
    Likes Received:
    14
    Best Answers:
    9
    Trophy Points:
    63
    Digital Goods:
    1
    #4
    Is true that you got some errors on HTML validation , but the reason that makes your page to stretch like that is a css attribute from:

    Take a look at this id:

    
    #wleftcol, #wrightcol, #wbody {
         margin-bottom: -32767px !important;
         overflow: hidden;
         padding-bottom: 32767px !important;
    }
    
    Code (markup):

    That col has a padding and margin at the bottom.
    Delete or comment these two lines and should look already a lot better.

    
    #wleftcol, #wrightcol, #wbody {
         overflow: hidden;
    }
    
    Code (markup):
     
    Hefaistos, Jan 4, 2013 IP