#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2004
    Posts
    38
    Rep Power
    15

    Help: form broken in firefox but not ie or opera


    Hello Everybody,

    I had this site working in opera and IE and it works beautifully. When it comes to firefox, the box form extends for a hundred pixels and I don't know why. The sheet is set at a specific width and i can't change anything with the form in css. can anyone please help me with this, thank you.

    here is the site
    Firefox not working for form
    Last edited by shortshire; February 22nd, 2007 at 01:26 PM. Reason: link not linking
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    The doctype must before anything else, including comments. Also you need to use a complete doctype to put browsers in Standards mode. In other words, you're using an incomplete doctype, so browsers are rendering the page in quirks mode, which is a bad thing. A doctype is not a magic fix. It is the first step in the process of fixing your page. The doctype tells the browser how to render the page.

    Activating the Right Layout Mode Using the Doctype Declaration
    Fix Your Site With the Right DOCTYPE!
    Choosing a DOCTYPE
    Doctype switching
    Rendering Mode and Doctype Switching
    http://www.w3.org/QA/2002/04/Web-Quality
    http://www.w3.org/QA/2002/04/valid-dtd-list.html

    Comments on this post

    • jabba_29 agrees
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,262
    Rep Power
    1960
    First things first.

    You have characters preceding the DTD, plus the DTD is not complete. Either will kick IE into quirks mode, and the incomplete DTD kicks all browsers into quirks mode. In quirks, there is no chance of achieving cross browser compatibility.

    cheers,

    gary

    Comments on this post

    • jabba_29 agrees
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2004
    Posts
    38
    Rep Power
    15
    ok, i put the doc type in and it fixed the position of the form by pushing it to the content. Now when I try creating height to expand the background it breaks the page and pushes the form back down. I'm not sure where to go from there to work the background and recreate the form.
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2004
    Posts
    38
    Rep Power
    15
    For the most part, it's fixed in all browsers except for the margin-left and margin-right being set to auto in ie. So now I just have to figure that one out.
  10. #6
  11. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    You didn't move the comment though.

    Please fix your XHTML errors. Don't make browsers guess at what your code should be.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo