Why do my tables look one way in IE, and another in FF?

Adria Pazour · April 2010

Can someone help me with this? I have included one notepad with the html that only works in IE, and the other only works in FF. I have also attached a Word document that gives an illustration of my situation.

Thanks!!

Brian Mucha · April 2010

I assume you want the two columns and two rows version? Why not put these two table together into a single table? Something like...

Edit: highlighted inportant bits in blue.

<table style="width: 120px;" border="0" cellspacing="2" cellpadding="2" align="right">

<tbody>

 <tr>

 <td style="text-align: center;"><a title="Help the 2010 Lakota graduates" href="Donation2?idb=]&2200.donation=form1&df_id=2200"><img src="../images/content/pagebuilder/14076.jpg" alt="Help our 2010 graduates with a special gift!" width="120" height="170" /></a> Enter the raffle and help our 2010 graduates with a <a title="Donate today" href="Donation2?idb=]&2200.donation=form1&df_id=2200">special gift</a>!</td>

 </tr>

 <tr>

 <td style="text-align: center;"><a title="Help the 2010 Lakota graduates" href="Donation2?idb=]&2200.donation=form1&df_id=2200"><img src="../images/content/pagebuilder/14128.jpg" alt="Help our 2010 graduates with a special gift!" width="120" height="120" /></a></td>

 </tr>

</tbody>

</table>

The Native American medicine wheel is a sacred symbol used by indigenous Plains tribes and others to represent all knowledge of the universe. 

Style Representation 

Circle - The circle represents the sacred outer boundary of the Earth often referred to as the Sun Dance Circle or the Sacred Hoop. It represents the continuous pattern of on-going life and death. 

Lines - The horizontal and vertical lines represent the sun and man’s sacred paths, respectively; the crossing of the two lines indicates the center of the Earth where one stands when praying. 

Feather - The eagle feather is a sign of Wakan Tanka’s - the Great Spirit's - power over everything. 

Directions

<table style="width: 475px; height: 200px;" border="0" cellspacing="2" cellpadding="2" align="left">

<tbody>

 <tr>

 <td valign="top">

 East:

 <ul>

 <li>Color: Yellow</li>

 <li>Messenger: Brown Eagle</li>

 <li>Associated with the sun, brings light to all creation.</li>

 <li>Because the sun travels east to west, in a clockwise manner, all good things conform to the same pattern.</li>

 <li>The Morning Star, the star of wisdom and new beginnings, comes from the east.</li>

 <li>Elk people call the east home.</li>

 </ul>

 </td>

 <td valign="top">

 South:

 <ul>

 <li>Color: Red</li>

 <li>Messenger: Crane</li>

 <li>Associated with warmth, happiness, and generosity.</li>

 <li>Connected with life after death, directs men as they walk toward the next phase.</li>

 <li>Life begins in the south.</li>

 <li>Nourishment of every kind comes from this direction.</li>

 <li>Home to the animal people.</li>

 </ul>

 </td>

 </tr>

 <tr>

 <td colspan="2">

 

 

 </td>

 </tr>

 <tr>

 <td valign="top">

 West:

 <ul>

 <li>Color: Black</li>

 <li>Messenger: Black Eagle</li>

 <li>Connected with the power of rain and the purity of water; joy and growth follow the rain, releasing the ignorance.</li>

 <li>West is home to the Thunder-being. His wings produce thunderand lightening flashes from his eyes. The bird-like being stands again evil and ensure the respect of others. </li>

 </ul>

 </td>

 <td valign="top">

 North:

 <ul>

 <li>Color: White</li>

 <li>Messenger: Bald Eagle</li>

 <li>North is home to winter and is believed to promote good health and growth.</li>

 <li>Those who misbehave look to the north for the wisdom needed to walk a straight path again.</li>

 <li>Home to the <a title="Calf Pipe Woman" href="http://aktalakota.org/index.cfm?cat=1&artid=113" target="_blank">Calf Pipe Woman</a> and buffalo people. </li>

 </ul>

 </td>

 </tr>

</tbody>

</table>

Adria Pazour · April 2010

Brian Mucha:
I assume you want the two columns and two rows version? Why not put these two table together into a single table? Something like...

Edit: highlighted inportant bits in blue.

<table style="width: 120px;" border="0" cellspacing="2" cellpadding="2" align="right">

<tbody>

 <tr>

 <td style="text-align: center;"><a title="Help the 2010 Lakota graduates" href="Donation2?idb=]&2200.donation=form1&df_id=2200"><img src="../images/content/pagebuilder/14076.jpg" alt="Help our 2010 graduates with a special gift!" width="120" height="170" /></a> Enter the raffle and help our 2010 graduates with a <a title="Donate today" href="Donation2?idb=]&2200.donation=form1&df_id=2200">special gift</a>!</td>

 </tr>

 <tr>

 <td style="text-align: center;"><a title="Help the 2010 Lakota graduates" href="Donation2?idb=]&2200.donation=form1&df_id=2200"><img src="../images/content/pagebuilder/14128.jpg" alt="Help our 2010 graduates with a special gift!" width="120" height="120" /></a></td>

 </tr>

</tbody>

</table>

The Native American medicine wheel is a sacred symbol used by indigenous Plains tribes and others to represent all knowledge of the universe. 

Style Representation 

Circle - The circle represents the sacred outer boundary of the Earth often referred to as the Sun Dance Circle or the Sacred Hoop. It represents the continuous pattern of on-going life and death. 

Lines - The horizontal and vertical lines represent the sun and man’s sacred paths, respectively; the crossing of the two lines indicates the center of the Earth where one stands when praying. 

Feather - The eagle feather is a sign of Wakan Tanka’s - the Great Spirit's - power over everything. 

Directions

<table style="width: 475px; height: 200px;" border="0" cellspacing="2" cellpadding="2" align="left">

<tbody>

 <tr>

 <td valign="top">

 East:

 <ul>

 <li>Color: Yellow</li>

 <li>Messenger: Brown Eagle</li>

 <li>Associated with the sun, brings light to all creation.</li>

 <li>Because the sun travels east to west, in a clockwise manner, all good things conform to the same pattern.</li>

 <li>The Morning Star, the star of wisdom and new beginnings, comes from the east.</li>

 <li>Elk people call the east home.</li>

 </ul>

 </td>

 <td valign="top">

 South:

 <ul>

 <li>Color: Red</li>

 <li>Messenger: Crane</li>

 <li>Associated with warmth, happiness, and generosity.</li>

 <li>Connected with life after death, directs men as they walk toward the next phase.</li>

 <li>Life begins in the south.</li>

 <li>Nourishment of every kind comes from this direction.</li>

 <li>Home to the animal people.</li>

 </ul>

 </td>

 </tr>

 <tr>

 <td colspan="2">

 

 

 </td>

 </tr>

 <tr>

 <td valign="top">

 West:

 <ul>

 <li>Color: Black</li>

 <li>Messenger: Black Eagle</li>

 <li>Connected with the power of rain and the purity of water; joy and growth follow the rain, releasing the ignorance.</li>

 <li>West is home to the Thunder-being. His wings produce thunderand lightening flashes from his eyes. The bird-like being stands again evil and ensure the respect of others. </li>

 </ul>

 </td>

 <td valign="top">

 North:

 <ul>

 <li>Color: White</li>

 <li>Messenger: Bald Eagle</li>

 <li>North is home to winter and is believed to promote good health and growth.</li>

 <li>Those who misbehave look to the north for the wisdom needed to walk a straight path again.</li>

 <li>Home to the <a title="Calf Pipe Woman" href="http://aktalakota.org/index.cfm?cat=1&artid=113" target="_blank">Calf Pipe Woman</a> and buffalo people. </li>

 </ul>

 </td>

 </tr>

</tbody>

</table>

It worked - thank you so much! I had initially used a single table, but still, if was off. Thank you again for your great help!

Tessa

Why do my tables look one way in IE, and another in FF?

Comments

Categories