Whats wrong with the site, why does it scroll to the right when viewed?

Discussion in 'HTML & Website Design' started by Anveto, Mar 30, 2010.

  1. #1
    Ok, in some browsers the site will scroll to the right, im not sure what the issue is, can anyone see it?

    zooming in or out on the page will not solve the issue.

    http://accessmarkspixel.com/

    On some browser there will be a scroll bar at the bottom and you can scroll to the right where there is nothing?

    I think that its obvious its a programming or design flaw, I was wondering what the flaw was since you could view the stylesheet and whatnot?
     
    Anveto, Mar 30, 2010 IP
  2. designmonkey

    designmonkey Peon

    Messages:
    70
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I think its the width you've specified on the #back and #top on stylesheetaccess.css. somehow Firefox calculated it so that your page width is around 1600px.
    
    #back
    {
    	background: #000000 url( "pictures/bg2.jpg" ) no-repeat scroll center top;
    	height: 1820px;
    	width: 1000px;
    	border: solid 5px white;
    	margin: 0 auto 0 auto;
    	table-layout:auto;
    	position:relative;
    	top: -6px;
    	left: 0px;
    }
    
    #top
    {
    	width: 100%;
    	height: 150px;
    	position: absolute;
    }
    
    Code (markup):
    the #box has width: 1000px; , i think you'll need to reduce this to avoid horiz scrollbar.

    And with nested table you might want to check if there's unclosed tags. I'm not really good with nested table based layout, i've been converting to div based since css2 born... so good luck :)
     
    designmonkey, Mar 30, 2010 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Well, with 84 validation errors it's not HTML, it's gibberish. The unclosed tags likely explain why in IE6 even when the content fits, you can scroll almost twice the width of the content... that the layout looks broken in damned near every browser is hardly surprising with the validation errors, scripting for nothing, images for content, lack of graceful degradation for images/javascript disabled, lack of semantic markup, tables for layout, etc, etc...

    That it's a PAINFUL 1 MEGABYTE in size - almost half that being javascript and CSS for god only knows what, much less 54k of markup for less than 1k of plaintext on the page and some 60+ separate files... There's not a lot worth saving there. Seriously, WHAT THE *** are you doing with 25 javascript files and an ungodly 24 stylesheets?!? Just TRYING to bury your own server and make nobody want to visit the site from the one minute pageload on BROADBAND thanks to all the handshaking and scripted nonsense?

    Of course, since most of that scripting is jquery bullshit, the rest is hardly surprising. You've got a laundry list of "how not to design a website" there.
     
    deathshadow, Mar 31, 2010 IP
  4. Anveto

    Anveto Well-Known Member

    Messages:
    697
    Likes Received:
    40
    Best Answers:
    19
    Trophy Points:
    195
    #4
    Haha thanks, its not mine, i simply combined a layout from another designer with a script called dolphin by boonex, this script comes with a shit load of stylesheets so i understand
     
    Anveto, Mar 31, 2010 IP
  5. Anveto

    Anveto Well-Known Member

    Messages:
    697
    Likes Received:
    40
    Best Answers:
    19
    Trophy Points:
    195
    #5
    Anveto, Mar 31, 2010 IP
  6. designmonkey

    designmonkey Peon

    Messages:
    70
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    try this set the width of #back and #top to 1000px ( use pixel not percentage ), and see how it do.
    
    #top {
    height:150px;
    position:absolute;
    width:1000px;
    }
    
    Code (markup):
     
    designmonkey, Mar 31, 2010 IP
  7. Anveto

    Anveto Well-Known Member

    Messages:
    697
    Likes Received:
    40
    Best Answers:
    19
    Trophy Points:
    195
    #7
    Sweet, you got it! thanks!
     
    Anveto, Mar 31, 2010 IP