In need of some help with my sidescrolling website.

Discussion in 'HTML & Website Design' started by Jobius, Dec 15, 2013.

  1. #1
    Hey everybody,

    I am building a site for school, and my plan was to make a 1 page site that can side scroll.
    I got the layout kinda done, but i can't get the scrolling part to work...
    For some reason it won't scroll far enough to the right.

    Here are the files i am using for the site: https://www.dropbox.com/s/c9a8vvn0utev423/Website%20files.rar
    Any help is welcome!
    Keep in mind im a beginner.

    Thanks for reading/helping,
    Jobius
     
    Jobius, Dec 15, 2013 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    109 megs as a .rar is sending up warning flags before I even try downloading it... This is a website, not 15 minutes of HD video, right?

    I'll take a look -- but mind you there's a reason you don't come across a lot of side-scrolling sites.
     
    Last edited: Jan 23, 2014
    deathshadow, Jan 23, 2014 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Taking a look at it, you've got a fixed width video and endless javascript for NOTHING. The video javascript ALONE is twice the size I'd allow for an entire page's HTML+CSS+SCRIPTS+IMAGES (not counting content).

    The relative lack of semantic markup certainly isn't helping matters either... DIV for nothing, classes for nothing, and so forth

    ... that you started out goofing around in Photoshop isn't all that great either, and probably part of why you're having issues... the bizarro use of IE CSS hacks on a layout not complex enough to need them, reset that's going to bite you in the backside when/if you add form elements, and so forth... You've got problems.

    I would suggest tossing it and starting over with something a bit leaner for the scripting than that train wreck, especially given how simple HTML 5 video is. (WHY do people behind scripts like that keep making it so pointlessly convoluted?!?)

    Though as a silver-bullet fix, you should be able to set:

    video { max-width:100%; height:auto; }

    which will force the video to shrink -- depending on the layout you might need to make that 100% smaller.
     
    deathshadow, Jan 24, 2014 IP