Click here to Skip to main content
11,929,232 members (62,321 online)
Rate this:
Please Sign up or sign in to vote.
See more: CSS HTML web-dev
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:[^]

Many Thanks!

Posted 8-Mar-13 2:59am
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
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

Rate this: bad
Please Sign up or sign in to vote.

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


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

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web02 | 2.8.151126.1 | Last Updated 8 Mar 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100