Help Needed! Something is padding out my webpage and making it scrollable.

Question

0.00/5 (No votes)

See more:

Hi Guys and Gals,

Thank you all for your continued support, I really appreciate it!

The problem (I believe) is that something on my site is padding it out, resulting in unsightly scroll bars in BOTH directions!

I would appreciate it greatly if you could look into this as I have pondered and altered the site to the point of despair because of this issue.

Also... Google keeps linking from words in the paragraph section on the Homepage. It does look unsightly for a first page as you cant make a second first impression!

I believe that although this could be in my favour for SEO, is there a way of either, (1) Let Google link but not display the text underlined or dis-coloured OR (2) Disable the linking altogether.

The Test Domain is: http://stiflervision.co.uk/[^]

Many Thanks!

Kyle

Posted 8-Mar-13 1:59am

Kyle Crewe

Add a Solution

Comments

Jeff Blankenburg 8-Mar-13 8:17am

I have a few questions about this:

1) I only get scrollbars when my browser window is smaller than your content. I'm using IE 10. What is your target resolution?

2) Your site doesn't scale responsively at all. If you have content that is always the same size, you're going to get scrollbars when the browser is smaller than that.

3) Regarding "Google keeps linking from words in the paragraph...", this sounds like a local issue on your machine. Have you tried other browsers? Have you tried other machines? Google cannot do this to your site automatically, without additional software loaded on your computer.

Kyle Crewe 8-Mar-13 8:29am

Hi Jeff,

Than you for your response.

My target resolution is 1280 x 1024. I am primarily testing in my native browser Google Chrome and also check for compatibility in IE8, (I have yet to test in Firefox).

I don't understand though because one of the monitors that I am testing on is 1280x1024 and the main header image is 1280x1024.. seems logical but have scroll bars :/

What do you mean by it doesn't scale responsively? Do you mean upon resizing the browser window?

And your right.. I didn't notice but IE8 doesn't create the Google links :)

Jeff Blankenburg 8-Mar-13 8:33am

If your monitor is 1280x1024, you're not going to get that entire resolution in your browser. Browsers have edges, and those take up pixels. In addition, scrollbars take up pixels.

You should shrink everything down 40 or 50 pixels (horizontally) to accommodate for the different edges that browsers will present.

Kyle Crewe 8-Mar-13 8:40am

Aaaah.. Silly me!! :)

I was contemplating having a sledge hammer party and supplying beer for friends to come round and take turns on my computer! haha

Thank you very much, I will have a resize and let you know soon!

Prasad Khandekar 8-Mar-13 8:57am

Jeff is right, In your css you are specifying the min-width & min-height as 1280 & 1024 respectively. You are definitely not going to get this much area on a monitor with resolution as 1280x1024. Browser will reserve some space for drawing borders, toolbars, scrollbars etc. So best solution is to change these values to 960 x 768 or so.

Kyle Crewe 8-Mar-13 9:16am

Hi Guys, thanks for your input!

OK.. firstly I changed the min width and min height to 1024x768 - This just transposed the entire css of the page across to the right, and still kept the scrol bars.

Secondly, I deleted the min width and min height code and the page looks great with no scrollbars in either direction :) ... however, when I now view the page on a 1920x1080 display, the page is no longer centralised and uses the co-ordinates X:0 Y:0 to position itself.

Is there a way i can now centralise it?

Kyle Crewe 8-Mar-13 9:18am

By the way, co-ordinates are relative to the browser so upper left corner

Kyle Crewe 8-Mar-13 9:20am

Just discovered that it looks fine in Chrome in 1280x1024 but IE8 still has scroll bars!

Prasad Khandekar 8-Mar-13 9:34am

Try using margin: 0 auto;

Kyle Crewe 8-Mar-13 10:00am

Hi,
I used that and the cetralisation works now :)
However in IE8 I am still getting these scroll bars. I realise that I have set the width back to 1280 but with a different value, my entire page shifts across to the right :s

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Prasad Khandekar · Accepted Answer · 2013-03-08T04:17:00

Solution 1

Hello Kyle,

Remove width rule from styles Home & Home_header_image. I have tried with the mentioned link & changed these values using IE Developer Tools. It also works with Chrome & Firefox

Regards,

Posted 8-Mar-13 4:17am

Prasad Khandekar