CSS & Firefox/Netscape

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • beerme
    New Member
    • Feb 2008
    • 4

    CSS & Firefox/Netscape

    Okay first ill post links to make things easier to understand.

    Homepage - http://ultimate-signatures.com/
    CSS - http://ultimate-signatures.com/Format.css

    ok so if you take a look you can clearly see the problem i am having. All works fine with IE

    Any help would be greatly appreciated as you can see from the homepage i am on a deadline to have the site working before the end of the month.

    Thanx in advance to anyone who can help with this issue.
  • eWish
    Recognized Expert Contributor
    • Jul 2007
    • 973

    #2
    After a quick glance. Center is not an accepted value for float. It is either left, right or none.

    Code:
    img{
    float:[B]center[/B];
    margin:0 0px 0px 0;
    }
    --Kevin

    Comment

    • drhowarddrfine
      Recognized Expert Expert
      • Sep 2006
      • 7434

      #3
      Your doctype is incorrect. New pages should always use the 'strict' doctype so I don't know why you are using 'transitional' but here is the corrected version:

      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">

      Yes, there is no such thing as 'float:center'.

      Validate your html for that list of errors.
      Then validate your CSS for that list of errors.

      After fixing those errors, work and test your page in a modern browser. Firefox would be good. Then we can adjust for IEs quirks and bugs. All versions of IE are 10 years behind web standards and should never be used as a reference for how things should work.

      Once you get your page working in a modern browser, you can be reasonably assured it will work everywhere, sometimes even IE. But IEs quirks and bugs are known and so are the fixes.

      Comment

      • beerme
        New Member
        • Feb 2008
        • 4

        #4
        Thank you for your response unfortunately that did not work but i will leave it with "none" in hope it will stop future problems arising.

        Comment

        • drhowarddrfine
          Recognized Expert Expert
          • Sep 2006
          • 7434

          #5
          What did not work?

          float:none is the default so there is no need to have that.

          Comment

          • beerme
            New Member
            • Feb 2008
            • 4

            #6
            okay so can i just remove float for the image?
            i have validated both the home page and the css and yet it still doesnt want to work with firefox/netscape.

            please help :(

            Comment

            • beerme
              New Member
              • Feb 2008
              • 4

              #7
              Problem sorted thank you for all your help.
              Took FLOAT: left; off of #main and #footer

              Comment

              Working...