New website, two little css problems I can't figure out

Discussion in 'CSS' started by BRUm, Apr 8, 2007.

  1. #1
    Hello,

    I began working on a new website a few days back, www.allurmedia.com, if you look at this in firefox, you should find it looks fine. However, in IE it looks crazy :(

    Secondly, http://www.allurmedia.com/index.php?p=1&id=e268443e43d93dab7ebef303bbe9642f if you look here, you will see a break in the css. I know it is the <form> tag that has broken the <div>'s rules. How can I add the form tag without it disrupting the css?

    I would greatly appreciate any help at all,

    thank you,

    Lee.
     
    BRUm, Apr 8, 2007 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Lee, you're going to have all manner of difficulty getting x-browser compatibility. You don't have a complete and proper DTD. That kicks browsers into quirks mode. It doesn't matter too much for Firefox, Safari and Konqueror, but IE gets really wonky. Opera, in quirks, is pretty much an IE wannabe. So, add the DTD. Any new document should be written against a strict DTD, so use html 4.01 strict.

    The second issue is less critical in this case. You're using deprecated elements and attributes that haven't been a part of html since 1999. Use the W3C html validator to check for errors, then fix them.

    cheers,

    gary
     
    kk5st, Apr 8, 2007 IP
  3. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #3
    Thanks very much for your help Gary, everything is fixed, I'm SO happy :) This is how I did it:

    1. For the form gap, I googled it, and apparently <form> works as a block like a <div>, so I put
    Which fixed that problem.

    2. I added this to the document:
    And now it looks perfect in FF, IE7 and IE6! Amazing :D

    Lee.
     
    BRUm, Apr 8, 2007 IP