Hi, can someone look at my code of this wordpress blog site and help me get this blix them to render properly in Firefox? It looks fine in IE, but things don't line up in Firefox. If someone could look at the source code of www.sophiesandolo.net and help me out I'd really appreciate it!!! Thanks!!
Hello, The trouble seems to be coming from your first table. Look for the following near the <body> <!-- header ................................. --> <table bgcolor="#FFFFFF" cellspacing="0" cellpadding="11" border="0"> Changing the cellpadding to 5 worked well on 1024 screen res. The table needs an alignment since it isnt 100% wide . Dont forget to put an </center> after the </table> <center> <table bgcolor="#FFFFFF" cellspacing="0" cellpadding="5" border="0">
Alright, I've got the top centered and looks fine. The problem now is the content seems like it is centered or something and is running into the sidebar making the sidebar appear lower. Again, looks great in IE, but Firefox it intrudes into the sidebar pushing it down.
Try checking through your style sheet for the classes that you are using. Often the problem is there.
Uhm... you cant make sites that look right in IE but not in Firefox. Thats the wrong way of doing it. Every professional developer will tell you that you have to build sites for Firefox, because Firefox displays CSS and everything in a way that comes closest to specifications. IE is buggy in every aspect. So make sure that your site looks correct in Firefox and then tweak it to display right in IE.