Grow your CSS skills. Land your dream job.

Spacing issue

  • # June 18, 2010 at 7:30 am

    https://dl.dropbox.com/u/7022706/Milton%20Animal%20Rescue%20League/index.html

    I’m working on a project for an animal shelter. I could use a couple of folks to bounce a problem off of. Above is the index. The page renders fine in Chrome, IE, Safari and Firefox 3.5.9 and Firefox 3.6.3 (Windows version)

    However, this happens in Firefox 3.6.3 on Mac OSX: http://i.imgur.com/QHX2h.png

    I run Windows, but one of folks at the shelter is having the problem.

    Which is incredibly bizarre. The quick links get pushed down and it distorts the menu bar. It validates. Thoughts?

    # June 18, 2010 at 12:53 pm
    Code:
    #header { width: 773px; height: 150px; background-image: url(img/headerbg.png); background-repeat: repeat-x; border-top: 1px solid #acaca8; border-right: 1px solid #acaca8; border-left: 1px solid #acaca8; margin: 10px auto 0px auto; position:relative; }

    #quicklinks { position: absolute; top: 110px; right:0px;}

    Changed your #header to position:relative, and then changed your #quicklinks to position:absolute with proper alignment.

    # June 21, 2010 at 8:31 am

    Thank you. I’m not sure if that fixed it as the problem only seems to occur in Mac FF, but let’s see what happens when my tester runs it through her Mac.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".