All broken up in CSS

Discussion in 'CSS' started by keress, Oct 26, 2006.

  1. #1
    Our pages are looking pretty much as expected in IE6, but the navigation bars are flying all over the place in Firefox. I've validated everything, but it's still no go.

    A sample page is here:

    http://www.sisterbecky.com/acf/home.htm

    The stylesheet is here:

    http://www.sisterbecky.com/acf/acf.css

    Thanks much for any help.
     
    keress, Oct 26, 2006 IP
  2. dastuff

    dastuff Peon

    Messages:
    475
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Well from a quick look on your main page (which seems to work), you have your nav inside:
    <div class="container">	
    <div class="float">
    <a href="home.htm">Home</a>
    </div>
    Code (markup):
    While on your subpages you have this:
    <div class="container" id="border-nav">
    <div class="float">
    <a href="home.htm">Home</a>
    </div>
    Code (markup):
    Why does it change, and where is this id in your css?

    I don't think that's it though... I personally think that it's breaking b/c of your active link(the button looks pressed when you visit the page). I would take that out and see if it fixes itself.

    Also you have tons of css styles breaking themself... So you need to look through your design, and download the webdeveloper toolbar while you're at it to help you...

    Sorry it's just there are a lot of things that i noticed breaking and i happen to have to short an attention span to fix it all :D
     
    dastuff, Oct 26, 2006 IP