So over the time I've been gone, I got engaged. I am now making an information site for my and my fiances wedding.
The problem is that on every page I use a table inside a DIV. I do this to make everything look nice and sorted. It display perfectly in IE, Safari, FF for Mac, but not in FF for windows.
In FF for windows, the "content" div doesn't even recognize that the table exists as a table (similar to containing div mis-aligning while containing a containting div).
The website it''s being tested at is: http://www.autumnsolutions.org/wedding
Here is a small bit of source code from one of the pages (though they're pretty much all identical).
Expand|Select|Wrap|Line Numbers
- .content
- {
- width:990px;
- padding-left:5px;
- padding-right:5px;
- padding-top:5px;
- padding-bottom:5px;
- background:#FFFFFF;
- text-align:left;
- }
Expand|Select|Wrap|Line Numbers
- <div class="content">
- <h3 align="center">wedding party</h3>
- <span class="bodystyle">
- <p align="right"><img src="images/us1.jpg" align="right">
- <table width="625" align="left" cols="2">
- <tr>
- <td align="center" colspan="1"><span class="bodystyle"><p align="center">Below is the current wedding party for both the bride and the groom.</p></span></td>
- </tr>
- <tr><td> </td></tr>
- <tr>
- <td align="left" width="300" style="margin-right:25px"><span class="bodystyle"><b><u>Mat</u></b></span></td>
- <td align="left" width="300"><span class="bodystyle"><b><u>Olivia</u></b></span></td>
- </tr>
- <tr><td> </td></tr>
- <tr>
- <td align="left" width="300" style="margin-right:25px"><span class="bodystyle"><b>1. </b>Stephen Scovil - <u>Best Man</u></span></td>
- <td align="left" width="300"><span class="bodystyle"><b>1. </b>Meghan Brooks-Bethune - <u>Maid of Honor</u></span></td>
- </tr>
- <tr>
- <td align="left" width="300" style="margin-right:25px"><span class="bodystyle"><b>2. TBD</b></span></td>
- <td align="left" width="300"><span class="bodystyle"><b>2. TBD</b></span></td>
- </tr>
- <tr>
- <td align="left" width="300" style="margin-right:25px"><span class="bodystyle"><b>3. TBD</b></span></td>
- <td align="left" width="300"><span class="bodystyle"><b>3. TBD</b></span></td>
- </tr>
- <tr>
- <td align="left" width="300" style="margin-right:25px"><span class="bodystyle"><b>4. TBD</b></span></td>
- <td align="left" width="300"><span class="bodystyle"><b>4. TBD</b></span></td>
- </tr>
- <tr>
- <td align="left" width="300" style="margin-right:25px"><span class="bodystyle"><b>5. TBD</b></span></td>
- <td align="left" width="300"><span class="bodystyle"><b>5. TBD</b></span></td>
- </tr>
- </table>
- </span>
- </div>