1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Developed website but having a scrolling bug

Discussion in 'General Programming Chat' started by thefallendevelopment, Aug 27, 2013.

  1. thefallendevelopment

    thefallendevelopment Junior Member

    Joined:
    Aug 19, 2008
    Messages:
    170
    Likes Received:
    161
    Occupation:
    Crankin out sites
    Location:
    In the Caddy Shack
    Hey guys,

    I have been coding a site for a couple days now for a company and having an issue with my page to scroll down past the footer area as well as to the right.

    I've racked my brain trying to play with different things in css but nothings working.

    Anyone had this before? I would really like some help!

    Thanks!
     
  2. buckybrendan

    buckybrendan Registered Member

    Joined:
    Aug 6, 2013
    Messages:
    64
    Likes Received:
    72
    Occupation:
    Web Developer
    Location:
    Ireland
    wow that is a unique one to be honest. going to suggest some basic things to check first since you probably overlooked them.

    check you widths and lengths again. also check your margin and padding. just to make sure you dont over look something. also make sure to add the margin and padding to the width if appropriate and the same for the height. use a calculator so you arent making human error.

    I suggest you go for a walk and take a break. then when you come back and look at it in a different way with a fresh mind you will discover the problem.

    if you could show us a pic of how the page is displaying or even some snippets of code then it is much easier to debug the problem as it will help us narrow the problem.
     
    Last edited: Aug 27, 2013
  3. masmehr

    masmehr Newbie

    Joined:
    Jul 9, 2011
    Messages:
    21
    Likes Received:
    6
    It's definitely going to be your widths, lengths, margins, padding, positioning. What browser are you using? I prefer to use Chrome because of the amazing developer tools. It will help you find the bug in no time. Press f12 to access it in any browser (chrome is the best, imo), it'll pop up on the bottom. You can hover over each element in the HTML and see all the information you need - like padding, margin, width, etc.
     
  4. thefallendevelopment

    thefallendevelopment Junior Member

    Joined:
    Aug 19, 2008
    Messages:
    170
    Likes Received:
    161
    Occupation:
    Crankin out sites
    Location:
    In the Caddy Shack
    Thanks for your suggestions!

    After scouring over it one last time, i found that it was a div holding a script that played a video (should've been obvious really :confused:)

    The div aligns all the way to the right and stays fixed to the bottom as you scroll, so now i just have to fix the div and the problem would be solved.

    Sorry for posting this since i finally realized the problem lol

    Thanks again for your help!
     
  5. buckybrendan

    buckybrendan Registered Member

    Joined:
    Aug 6, 2013
    Messages:
    64
    Likes Received:
    72
    Occupation:
    Web Developer
    Location:
    Ireland
    no problem. glad that you discovered the bug and where able to exterminate it lol. pesky bugs lol.

    i suggest firebug. its a great extension for firefox and i think chrome as well. always good to check your css in different browsers to make sure it looks good for everyone

    saying this because this thread may have been resolved but other people may come across it with the same problem or similar and this should help them
     
  6. thefallendevelopment

    thefallendevelopment Junior Member

    Joined:
    Aug 19, 2008
    Messages:
    170
    Likes Received:
    161
    Occupation:
    Crankin out sites
    Location:
    In the Caddy Shack
    Yep!

    Now my problem is finding a css floating div that replaces the bugged code i have.

    Easier said than done lmao...been searching for over an hour and cannot find anything.