Layout problems with IE vs Firefox

Worker Joined: Aug 02, 2004 Posts: 165

What could cause following difference between IE and Firefox?

Below you can see the source code ("XXXXX" and "YYYY" added --> helps to see where the lines are):

Code:

echo " XXXXXX








<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\"><tr><td 





bgcolor=\"#8C9EAD\">\n"


   ."


      <table border=\"0\" cellpadding=\"0\" cellspacing=\"1\" width=\"100%\">


        <tr>


          <td 





background=\"themes/theme-name/images/pixelsedy.gif\"><p>\n" ."</p>


            <table width=\"100%\" height=\"3\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">


              <tr> 


                <td width=\"4\" height=\"3\" background=themes/theme-name/images/1.gif></td>


                <td width=\"100%\" background=themes/theme-name/images/2.gif></td>


                <td width=\"4\" background=themes/theme-name/images/3.gif></td>


              </tr>


            </table>


            <table width=\"100%\" height=\"19\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">


              <tr> 


                <td width=\"4\" height=\"19\" background=themes/theme-name/images/4.gif></td>


                <td width=\"100%\" height=\"19\" background=themes/theme-name/images/5.gif>








<div align=center><font color=\"#FFFFFF\" size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">YYYY<b>$title</b></font></div>

What should I change in the source code to get equal layout to Firefox and IE?

Edit: non-working-image-link removed.
.

Site Admin Joined: Jun 04, 2004 Posts: 6433

Does this happen in all themes? If not, it's probably an issue with the theme.php / style.css.

Posted: Tue Nov 04, 2008 1:04 pm

There is only one theme in the use. In the RavenNuke v2.02.02 this didn't happened.

theme.php -> you can see the source code in the first message
css -> no changes made

Just wondering that there is something in the code which affects now differently. Any idea?

Posted: Tue Nov 04, 2008 1:43 pm

Hard to tell with that snippet as you have;
4 open tables but only one closed
8 open td tags but only 4 closed
4 open tr tags and only 1 closed
so it's hard to guess how/where those three nested table are ending up.

You are using FF so perhaps the TIDY or Developer plugin can help you get it XHTML compliant which will get rid of the problem at the same time.
For example

Code:




<td width=\"4\" height=\"19\" background=themes/theme-name/images/4.gif></td>

should be something like

Code:

<td width="4" height="19" style="background-image:url('themes/theme-name/images/4.gif';"></td>

escape the quotes if you need to depending on how you are echo-ing it out