Web Design Forums

spuddle · 22-11-2007, 03:17

Hi folks and happy thanksgiving if you celebrate that sort of thing.

The site I am working on was all good to go except I suddenly discovered a bug that I had missed, in all browsers if you resize the browser window to somewhere less than ~1300px a horizontal scrollbar appears, and there is a new gap on the right hand side of the site.

The page is: here
CSS: style.css

I thought the scrollbar may be related to my excessive use of floats in the navigation menu but I removed that and the problem was still there.
Any thoughts?

Kind regards
myles

Larixk · 22-11-2007, 03:50

change the width of your #footercontent and #navigation ul

spuddle · 22-11-2007, 03:59

Just tried changing them to 500px (smaller) and then 600px (larger) to no avail.

Could you be a little more specific in what you refer to and what this might be doing?

spuddle · 22-11-2007, 04:06

Ahha! I deleted any mention of width's for the nav and footer containers and this solved it

Thank you for pointing me in the right direction.

I owe you a cookie!

Larixk · 22-11-2007, 04:25

using the web developer toolbar for firefox gave it away. It outlines and names objects when moving your mouse over them.

spuddle · 22-11-2007, 04:29

Quote:

Originally Posted by Larixk

using the web developer toolbar for firefox gave it away. It outlines and names objects when moving your mouse over them.

Looks like I have a new plugin to install

22-11-2007, 03:17	#1 (permalink)
spuddle Registered User Join Date: Nov 2007 Posts: 23	Why is there a horizontal scrollbar? Gap appears when width < 1300px? Hi folks and happy thanksgiving if you celebrate that sort of thing. The site I am working on was all good to go except I suddenly discovered a bug that I had missed, in all browsers if you resize the browser window to somewhere less than ~1300px a horizontal scrollbar appears, and there is a new gap on the right hand side of the site. The page is: here CSS: style.css I thought the scrollbar may be related to my excessive use of floats in the navigation menu but I removed that and the problem was still there. Any thoughts? Kind regards myles

22-11-2007, 03:50	#2 (permalink)
Larixk Senior Member Join Date: Sep 2006 Location: Utrecht, Netherlands Posts: 1,028	change the width of your #footercontent and #navigation ul __________________

22-11-2007, 04:25	#5 (permalink)
Larixk Senior Member Join Date: Sep 2006 Location: Utrecht, Netherlands Posts: 1,028	using the web developer toolbar for firefox gave it away. It outlines and names objects when moving your mouse over them. __________________

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

22-11-2007, 03:59	#3 (permalink)
spuddle Registered User Join Date: Nov 2007 Posts: 23	Just tried changing them to 500px (smaller) and then 600px (larger) to no avail. Could you be a little more specific in what you refer to and what this might be doing?

22-11-2007, 04:06	#4 (permalink)
spuddle Registered User Join Date: Nov 2007 Posts: 23	Ahha! I deleted any mention of width's for the nav and footer containers and this solved it Thank you for pointing me in the right direction. I owe you a cookie!

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)