What is wrong with my CSS/XHTML code?

Discussion in 'Web Design and Development' started by ppc_michael, May 12, 2007.

  1. ppc_michael Guest

    ppc_michael

    Joined:
    Apr 26, 2005
    Location:
    Los Angeles, CA
    #1
    Hello,

    I am redesigning a site. I'm working on a mockup in Photoshop, but I started laying out some of the very basic elements in XHTML/CSS to make sure it works.

    It is here:
    http://www.ares-woo.com/tablinks/structured.php

    I'm having trouble with the navigation bar (the "about us / our shows / etc" part). It shows up the way I want it to in Safari: at the top of the page, to the right of the "MSU Telecasters" part. It also displays correctly in Camino.

    But in every other browser--Firefox (both Win & Mac), Internet Explorer (Win), etc, the navigation bar drops down under where I want it to be, into the red space below it.

    Why is that? I don't see anything wrong with my code, but I am self-taught so there could be something very obvious that I just never learned.

    Thanks!
     
  2. Aranince macrumors 65816

    Joined:
    Apr 18, 2007
    Location:
    California
    #2
    Try putting your <div id="navigation"></div> before you do the logo image.
     
  3. elppa macrumors 68040

    elppa

    Joined:
    Nov 26, 2003
    #3
    Try increasing the text size and your layout breaks horribly.

    There are ways around this.
     
  4. janey macrumors 603

    janey

    Joined:
    Dec 20, 2002
    Location:
    sunny los angeles
    #4
    haven't looked at the site, but if you're having ff issues, get the Firebug and Web Developer extensions.

    Firebug lets you hover over stuff and see exactly where the html is, what's being applied to it, margins, whatever. Everything. Insanely useful.

    edit: like this (my cursor is hovering above the "A Greener Apple" image) http://img247.imageshack.us/img247/5251/applefirebugxm4.jpg
     

Share This Page