Hi Guys, I am having trouble working out why in IE7 the page is not displayed properly. It looks fine in FF. This particular page is the only one that uses its own header and footer code, but still uses the same css as all the other pages. http://www.facebookbay.com/support/index.php Can somebody please help? Cheers, DaFiz
The easist way I can see is cut your form fields in 1/2 for the support fields. They are pushing the image too far over causing the other parts of the page to move with it. Meaning change all your files like so: <input type="text" name="name" style="width:250px" value=""> to: <input type="text" name="name" style="width:150px" value="">
would this cause the page to not centre? The picture is definitely sitting over the edge, but it doesn't look like the text input fields are causing it.
No doctype so you are dealing with IE in quirks mode, invalid nesting of markup (FORM between TABLE and TR for example), presentational markup and lack of proper indenting making it nigh impossible to find any actual code errors... I'm amazed it renders correctly in ANY browser... if it does so, you are relying on the error correction and NOT proper rendering behavior.
Thank you for your very helpful post. I actually realised their was no doctype last night on the drive home from work, and after seeing your post this morning and then applying the doctype to this page it is working perfectly now. As for the invalid nesting I will take a look now. Thanks again for your help deathshadow, much appreciated. I will see if I am able to work out how to give you some rep cheers, DaFiz
I have now indented the code as best I can, and the code looks good, except that <FORM> and <TABLE> nesting you mentioned. Well spotted. I have now swapped them around the right way. Is there any programs you know of that will automatically fix indenting on files that weren't previously indented properly? To save my indenting manually someone elses poorly indented code. cheers, DaFiz