Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
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 2:59am
Comments
Jeff Blankenburg at 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 at 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 at 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 at 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 at 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 at 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 at 8-Mar-13 9:18am
   
By the way, co-ordinates are relative to the browser so upper left corner
Kyle Crewe at 8-Mar-13 9:20am
   
Just discovered that it looks fine in Chrome in 1280x1024 but IE8 still has scroll bars!
Prasad Khandekar at 8-Mar-13 9:34am
   
Try using margin: 0 auto;
Kyle Crewe at 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

Rate this: bad
good
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
 
Regards,
  Permalink  

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



Advertise | Privacy | Mobile
Web03 | 2.8.141220.1 | Last Updated 8 Mar 2013
Copyright © CodeProject, 1999-2014
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