View Full Version : CSS issue on higher resolutions

Dec 11th, 2009, 06:23 AM
Hello, i have built a site in css and all looked fine in safari, firefox and ie. However having got my friend to look at it the top nav spreads over two lines. I think this is because they are using a higher resolution but as i use a laptop i can't replicate the problem.

here is the page: www.theloveofit.co.uk/directory.html

I want the top nav to be on one line with a 5px gap between them, but for some reason on a higher resolution it doesn't do this.

I have attached a screenshot of the problem on firefox.

Any help would be appreciated as i have been trying to figure it out with no success.


Dec 11th, 2009, 08:16 AM
i checked it on 1280 resolution and its fine.

at what resolution are you checking and which browser


Dec 11th, 2009, 11:59 AM
It must be a resolution thing as it is in safari (v 4.0.2) and firefox (v

The resolution is 1680 x 1050

My graphics card doesn't go this big so i can't debug it.


Dec 11th, 2009, 04:18 PM
Hello dakey,
Your site is wrapped in a 1028px wide #container. Nothing moves. When I stretch it accross my 3840px wide monitors it stays centered. When I narrow it less than 1028px I get a horizontal scrollbar.
Your menu button does not drop in FF3.5, IE8 or IE7. I do not have IE6 to test in. Here is a page that lists some IE6bugs (http://www.positioniseverything.net/explorer.html), maybe that will help you.

Dec 13th, 2009, 06:19 AM
Hi, are you able to change your resolution to 1680 x 1050?

It must be the res, as if it is happening in both browsers and i am using the same version of safari then it can't be the browser???

Don't know if it makes a difference but they are also using a mac.