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,He lvetica,Geneva, Swiss,SunSans-Regular\"><font
color=\"white\" ><b><a style=\"color:# FFFFFF; font-size=6pt;\"
href=\"index.ph p?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,He lvetica,Geneva, Swiss,SunSans-Regular\"><font
color=\"white\" ><b><a style=\"color:# FFFFFF; font-size=6pt;\"
href=\"index.ph p?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,He lvetica,Geneva, Swiss,SunSans-Regular\"><font
color=\"white\" ><b><a style=\"color:# FFFFFF; font-size=6pt;\"
href=\"index.ph p?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,He lvetica,Geneva, Swiss,SunSans-Regular\"><font
color=\"white\" ><b><a style=\"color:# FFFFFF; font-size=6pt;\"
href=\"index.ph p?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,He lvetica,Geneva, Swiss,SunSans-Regular\"><font
color=\"white\" ><b><a style=\"color:# FFFFFF; font-size=6pt;\"
href=\"index.ph p?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,He lvetica,Geneva, Swiss,SunSans-Regular\"><font
color=\"white\" ><b><a style=\"color:# FFFFFF; font-size=6pt;\"
href=\"index.ph p?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>
";

}

[Brian]

Robert Secon wrote:

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.
What is this table for?
Can somebody tell me what is wrong with it and how to change the
code?

(HTML-Table wrapped around in php-code)

[code snipped]
please provide a url instead of pasting code.

--
Brian
follow the directions in my address to email me

[Graham J]

> 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 am not sure if I've fully grasped the problem but unless I got tied
in a knot...

You seem to have six tables. The very first one is floated to the
left so you end up with two tables in a line then the rest stacked
below them, as in

TABLE1 TABLE2
TABLE3
TABLE4
TABLE5
TABLE6

Am I correct in thinking that the problem you see is that in IE all
the tables have the same size text but in Mozilla TABLE1 (as I am
referring to it) has larger text? And then if you have sufficient
text in that table it messes with the position of TABLE3?

If so then I suspect what you are seeing is Mozilla doing things right
and IE in a backwards compatible 'quirks mode'. If you start the page
with

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

you may then see IE start behaving like Mozilla. The issue would
presumably be the interaction of the font size tags you are using with
the font sizing in the style attribute of the links. The content of
the first table doesn't have the font size tag that the others do.

Am I even close to recognising the problem you have?

[Graham J]

> If so then I suspect what you are seeing is Mozilla doing things
right

and IE in a backwards compatible 'quirks mode'. If you start the page with

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

you may then see IE start behaving like Mozilla. The issue would
presumably be the interaction of the font size tags you are using with the font sizing in the style attribute of the links. The content of
the first table doesn't have the font size tag that the others do.

I should point at that I was thinking of IE6 when I wrote the above.
I believe IE5 is likely to get things wrong whatever.

[Robert Secon]

You seem to have six tables. The very first one is floated to the
left so you end up with two tables in a line then the rest stacked
below them, as in

TABLE1 TABLE2
TABLE3
TABLE4
TABLE5
TABLE6

Am I correct in thinking that the problem you see is that in IE all
the tables have the same size text but in Mozilla TABLE1 (as I am
referring to it) has larger text? And then if you have sufficient
text in that table it messes with the position of TABLE3?
I've just fixed the font size, that is ok right now ...

If so then I suspect what you are seeing is Mozilla doing things right
and IE in a backwards compatible 'quirks mode'. If you start the page
with

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

you may then see IE start behaving like Mozilla. The issue would
presumably be the interaction of the font size tags you are using with
the font sizing in the style attribute of the links. The content of
the first table doesn't have the font size tag that the others do.

Am I even close to recognising the problem you have?

Very close ... when I use Netscape Communicator 4.76 I see table 2 at the
right side although it should be under table 2. I can't figure out why this
happens. Do you know why?