Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    May 2004
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS issue on higher resolutions

    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.

    thanks.
    Attached Thumbnails Attached Thumbnails CSS issue on higher resolutions-forthelove_tweaks-1.jpg  

  • #2
    Regular Coder
    Join Date
    Jun 2008
    Posts
    173
    Thanks
    2
    Thanked 9 Times in 9 Posts
    i checked it on 1280 resolution and its fine.

    at what resolution are you checking and which browser

    vineet

  • #3
    New to the CF scene
    Join Date
    May 2004
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It must be a resolution thing as it is in safari (v 4.0.2) and firefox (v 2.0.0.14)

    The resolution is 1680 x 1050

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

    thanks

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,668
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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, maybe that will help you.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New to the CF scene
    Join Date
    May 2004
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •