Table Firefox

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=50 BGCOLOR="#660099" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="697" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 35 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><A HREF="id133.htm" TARGET="_top" TITLE="Table 5"><IMG SRC="3ab070e0.png" border=0 width="7" height="14" ALT="previous" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14">  <A HREF="table_css.htm" TARGET="_top" TITLE="table css"><IMG SRC="3ad070e0.png" border=0 width="7" height="14" ALT="next" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A> <FONT SIZE="1" COLOR="#CCCC99" FACE="Arial" >   </FONT></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <STYLE type=text/css>#rollbutton a { color: #C0DCC0; font-size:13px; font-weight: bold; text-decoration: none; border:2px outset light gray; background-color:#680098; display: block; width: 85px; height: 22px; padding: 0px;}#rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset light gray;}</STYLE><DIV id=rollbutton><DIV><A href="http://www.samisite.com" title="Go Back to Home Page" target="_top" onfocus="this.blur()"><center>HOME</center></A> </DIV></DIV></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> </div> </td> </tr><tr> <td valign="top" height=430 BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <STYLE>  </STYLE><A HREF="index.htm" TARGET="_top" TITLE="Test Index">Test Index</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id25.htm" TARGET="_top" TITLE="Table 1">Table 1</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id36.htm" TARGET="_top" TITLE="Table 2">Table 2</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id129.htm" TARGET="_top" TITLE="Table 3">Table 3</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id99.htm" TARGET="_top" TITLE="Table 4">Table 4</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id133.htm" TARGET="_top" TITLE="Table 5">Table 5</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><B>Table Firefox</B><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="table_css.htm" TARGET="_top" TITLE="table css">table css</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="layered_tables.htm" TARGET="_top" TITLE="Layered Tables">Layered Tables</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="resorttable.htm" TARGET="_top" TITLE="Resort Table">Resort Table</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id115.htm" TARGET="_top" TITLE="Background Image in Table">Background Image in Table</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="selectionguides.htm" TARGET="_top" TITLE="Selection Guides">Selection Guides</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id28.htm" TARGET="_top" TITLE="Folding Menu Tree">Folding Menu Tree</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id95.htm" TARGET="_top" TITLE="Menu Buttons">Menu Buttons</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id47.htm" TARGET="_top" TITLE="Hidden Site Map">Hidden Site Map</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id137.htm" TARGET="_top" TITLE="Anchors">Anchors</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id55.htm" TARGET="_top" TITLE="Double Border Detail">Double Border Detail</A></div> <bR> <div> <B>Table test FIREFOX: Borders and backgrounds</B></div> <bR> <div> <B>The best way to display text and images on the same page?  Use a table!</B></div> <div> <B>By placing text and images in a table, they will stay lined up where you want them.  No more wandering images that squeeze your text!</B></div> <bR> <bR> <div> <B>Since 2004/2005, there has been a difference in the way that Internet Explorer and FireFox render the tables created by CuteSite Builder</B></div> <bR> <bR> <div> <B>Example 1:  Plain table: with two shades of gray for the border. </B></div> <bR> <div> <B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="897" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP ROWSPAN=3 HEIGHT= 108 ><NOBR><div> <B><IMG SRC="5d51f5b0.png" border=0 width="543" height="347" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="322"><div> <B>Looks like this in CSB:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5d9b43d0.png" border=0 width="180" height="61" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </tD> </tR> <tR> <tD VALIGN=TOP><NOBR><div> <B>Looks like this in internet Explorer:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5e1d4420.png" border=0 width="212" height="66" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP WIDTH="322"><div> <B>Looks like this in FireFox:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5dad0420.png" border=0 width="208" height="66" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </tD> </tR> </TABLE></B></div> <bR> <div> <B>Creates this gray shaded border in CSB:  </B></div> <div> <B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="161" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 40 WIDTH="71"><div> 1</div> <bR> </tD> <tD VALIGN=TOP WIDTH="71"><div> 2</div> </tD> </tR> </TABLE></B></div> <bR> <bR> <div> <B>Example 2:  Plain table: with ONE color used for the thicker border. </B></div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="897" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP ROWSPAN=3 HEIGHT= 108 ><NOBR><div> <B><IMG SRC="5d61a5c0.png" border=0 width="538" height="348" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="322"><div> <B>Looks like this in CSB:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5dcae3d0.png" border=0 width="174" height="61" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </tD> </tR> <tR> <tD VALIGN=TOP><NOBR><div> <B>Looks like this in internet Explorer:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5ded7470.png" border=0 width="215" height="71" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP WIDTH="322"><div> <B>Looks like this in FireFox:</B></div> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5dfd1450.png" border=0 width="209" height="69" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </tD> </tR> </TABLE></div> <bR> <div> <B>Creates this black border in CSB:  </B></div> <div> <TABLE BORDER="4" CELLPADDING="2" CELLSPACING="0" WIDTH="162" BORDERCOLORLIGHT="#000000" BORDERCOLORDARK="#000000" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 40 WIDTH="71"><div> 1</div> <bR> </tD> <tD VALIGN=TOP WIDTH="71"><div> 2</div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <B>Example 3:  Plain table: with ONE color used for the thick border. </B></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="897" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP ROWSPAN=3 HEIGHT= 118 ><NOBR><div> <B><IMG SRC="5e023640.png" border=0 width="547" height="356" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="322"><div> <B>Looks like this in CSB:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5e4b3470.png" border=0 width="179" height="71" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </tD> </tR> <tR> <tD VALIGN=TOP><NOBR><div> <B>Looks like this in internet Explorer:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5e3db4e0.png" border=0 width="219" height="78" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP><NOBR><div> <B>Looks like this in FireFox:</B></div> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5e5db4e0.png" border=0 width="219" height="78" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <div> <B>Creates this brown border in CSB:  </B></div> <div> <TABLE BORDER="8" CELLPADDING="2" CELLSPACING="0" WIDTH="170" BORDERCOLORLIGHT="#660000" BORDERCOLORDARK="#660000" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 40 WIDTH="71"><div> 1</div> <bR> </tD> <tD VALIGN=TOP WIDTH="71"><div> 2</div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <B>Example 4:  Plain table: with table borders hidden. </B></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="897" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP ROWSPAN=3 HEIGHT= 116 ><NOBR><div> <B><IMG SRC="5e61e5d0.png" border=0 width="542" height="349" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="322"><div> <B>Looks like this in CSB:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5e8af450.png" border=0 width="175" height="69" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </tD> </tR> <tR> <tD VALIGN=TOP><NOBR><div> <B>Looks like this in internet Explorer:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5e8af450.png" border=0 width="175" height="69" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP WIDTH="322"><div> <B>Looks like this in FireFox:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="5e8af450.png" border=0 width="175" height="69" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <B>Creates this table with no borders in CSB:  </B></div> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="0" WIDTH="150" BORDERCOLORLIGHT="#660000" BORDERCOLORDARK="#660000" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 40 WIDTH="71"><div> 1</div> <bR> </tD> <tD VALIGN=TOP WIDTH="71"><div> 2</div> </tD> </tR> </TABLE></div> <bR> <bR> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="0" WIDTH="150" BORDERCOLORLIGHT="#660000" BORDERCOLORDARK="#660000" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 48 WIDTH="71"><div> 1 <TABLE BORDER="3" CELLPADDING="0" CELLSPACING="0" WIDTH="908" BORDERCOLORLIGHT:"#000000" BORDERCOLORDARK:"#000000" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" >  </div> <bR> </tD> <tD VALIGN=TOP WIDTH="71"><div> 2</div> </tD> </tR> </TABLE></div> <bR> <bR> <bR> <bR> </td> </tr></table></body>