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.
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
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 Lee.