IE & Mozilla style sheets

[Robert Secon]

Hi there,

when using IE5+ my style sheets just work fine, but Mozilla does not agree
with it and I can´t figure out which mistake it is. Usually the thing about
it is that every row is displayed well but Mozilla displays the first row
too big and cuts away the second row of the text. Can somebody tell me what
is wrong with it and how to change the code?

(HTML-Table wrapped around in php-code)

echo "<table width=\"151\" border=\"0\" cellspacing=\"2\" cellpadding=\"0\"
align=\"left\">
<tr
height=\"1\">

<td colspan=\"3\" height=\"1\" bgcolor=\"white\"></td>

</tr>
<tr>

<td>&nbsp;</td>

<td align=\"center\" colspan=\"2\">&nbsp;<font
face=\"Arial,Helvetica,Geneva,Swiss,SunSans-Regular\"><font
color=\"white\"><b><a style=\"color:#FFFFFF; font-size=6pt;\"
href=\"index.php?id=2&id2=11\" target=\"_self\">Text 1 is in
here</a></b></font></font></td>

</tr>
<tr
height=\"1\">

<td colspan=\"3\" bgcolor=\"white\" height=\"1\"></td>

</tr></table>
";


echo "<table width=\"151\" border=\"0\" cellspacing=\"2\" cellpadding=\"0\">
<tr
height=\"1\">

<td colspan=\"3\" height=\"1\" bgcolor=\"white\"></td>

</tr>
<tr>

<td>&nbsp;</td>

<td align=\"center\" colspan=\"2\">&nbsp;<font size=\"-2\"
face=\"Arial,Helvetica,Geneva,Swiss,SunSans-Regular\"><font
color=\"white\"><b><a style=\"color:#FFFFFF; font-size=6pt;\"
href=\"index.php?id=2&id2=12\" target=\"_self\">Text 2 is in
here</a></b></font></font></td>

</tr>
<tr
height=\"1\">

<td colspan=\"3\" bgcolor=\"white\" height=\"1\"></td>

</tr></table>
";


echo "<table width=\"151\" border=\"0\" cellspacing=\"2\" cellpadding=\"0\">
<tr
height=\"1\">

<td colspan=\"3\" height=\"1\" bgcolor=\"white\"></td>

</tr>
<tr>

<td>&nbsp;</td>

<td align=\"center\" colspan=\"2\">&nbsp;<font size=\"-2\"
face=\"Arial,Helvetica,Geneva,Swiss,SunSans-Regular\"><font
color=\"white\"><b><a style=\"color:#FFFFFF; font-size=6pt;\"
href=\"index.php?id=2&id2=13\" target=\"_self\">Text 3 is in
here</a></b></font></font></td>

</tr>
<tr
height=\"1\">

<td colspan=\"3\" bgcolor=\"white\" height=\"1\"></td>

</tr></table>
";

echo "<table width=\"151\" border=\"0\" cellspacing=\"2\" cellpadding=\"0\">
<tr
height=\"1\">

<td colspan=\"3\" height=\"1\" bgcolor=\"white\"></td>

</tr>
<tr>

<td>&nbsp;</td>

<td align=\"center\" colspan=\"2\">&nbsp;<font size=\"-2\"
face=\"Arial,Helvetica,Geneva,Swiss,SunSans-Regular\"><font
color=\"white\"><b><a style=\"color:#FFFFFF; font-size=6pt;\"
href=\"index.php?id=2&id2=14\" target=\"_self\">Text 4 is in
here</a></b></font></font></td>

</tr>
<tr
height=\"1\">

<td colspan=\"3\" bgcolor=\"white\" height=\"1\"></td>

</tr></table>
";

echo "<table width=\"151\" border=\"0\" cellspacing=\"2\" cellpadding=\"0\">
<tr
height=\"1\">

<td colspan=\"3\" height=\"1\" bgcolor=\"white\"></td>

</tr>
<tr>

<td>&nbsp;</td>

<td align=\"center\" colspan=\"2\">&nbsp;<font size=\"-2\"
face=\"Arial,Helvetica,Geneva,Swiss,SunSans-Regular\"><font
color=\"white\"><b><a style=\"color:#FFFFFF; font-size=6pt;\"
href=\"index.php?id=2&id2=15\" target=\"_self\">Text 5 is in
here</a></b></font></font></td>

</tr>
<tr
height=\"1\">

<td colspan=\"3\" bgcolor=\"white\" height=\"1\"></td>

</tr></table>
";

echo "<table width=\"151\" border=\"0\" cellspacing=\"2\" cellpadding=\"0\">
<tr
height=\"1\">

<td colspan=\"3\" height=\"1\" bgcolor=\"white\"></td>

</tr>
<tr>

<td>&nbsp;</td>

<td align=\"center\" colspan=\"2\">&nbsp;<font size=\"-2\"
face=\"Arial,Helvetica,Geneva,Swiss,SunSans-Regular\"><font
color=\"white\"><b><a style=\"color:#FFFFFF; font-size=6pt;\"
href=\"index.php?id=2&id2=16\" target=\"_self\">Text 6 is in
here</a></b></font></font></td>

</tr>
<tr
height=\"1\">

<td colspan=\"3\" bgcolor=\"white\" height=\"1\"></td>

</tr></table>
";

}

 

[rf]

Hi there,

when using IE5+ my style sheets just work fine, but Mozilla does not agree
with it and I can´t figure out which mistake it is. Usually the thing about
it is that every row is displayed well but Mozilla displays the first row
too big and cuts away the second row of the text. Can somebody tell me what
is wrong with it and how to change the code?

<snip code>

URL?

Cheers
Richard.

 

[Nico Schuyt]

Robert Secon wrote:
Can somebody tell me what is wrong with it and how to change

the code?
(HTML-Table wrapped around in php-code)
...... lots of (php)code ....

That's a lot of work for someone who is prepared to help you.
Why don't you just submit the URL???
Nico

 

[Steve Pugh]

when using IE5+ my style sheets just work fine, but Mozilla does not agree
with it and I can´t figure out which mistake it is. Usually the thing about
it is that every row is displayed well but Mozilla displays the first row
too big and cuts away the second row of the text. Can somebody tell me what
is wrong with it and how to change the code?

I see a whole bunch of HTML presentational crud as well as some inline
styles. I lots of see errors and lots of examples of bad practice.

Get rid of all the presetational HTML and inline styles by moving all
the style information into an external stylesheet. This will cut down
on the amount of code generated by the PHP making life easier for you
(and trivially your server).
Remember that CSS uses property: value; not property=value;
Don't use units of measure (points) that were intended for print use
in screen stylesheets.

(HTML-Table wrapped around in php-code)

Do you honestly expect us to cut and paste your code and then spend
time removing the PHP? Post a URL.

Steve