Problem with HTML table

sulky
sulky used Ask the Experts™
on
First - please don't tell me to redo everything in <div>s. If that were an option, I would, and I don't feel like explaining why it isn't an option. I'm stuck with tables.

That said - if someone could help me figure out why the colspans are working in IE and Firefox, but not Safari or Chrome, I would really appreciate it.

If you want to see it live, it's the purple section about halfway down the page:
http://sulky.com/email_images/EmbZen/index.html

Here's the code:
<table width="100%" cellpadding="4" cellspacing="0" bgcolor="#662f90" border="0">
              <tr>
                  <td>
                              <table width="100%" align="center" cellpadding="0" cellspacing="0" bgcolor="#ede0f8" border="0">
                        <tr>
                              <td width="150">&nbsp;</td><td width="292">&nbsp;</td><td width="150">&nbsp;</td>
                        </tr>
                        <tr>
                                        <td colspan="3" align="left" valign="middle" style="width:100%; padding:0 0 6px 0; background-color:#ede0f8">
                                      <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:22px; color:#662f90; margin:0 0px 6px 0px; text-align:center;">You Will Learn All This and More&hellip;</p>
                                             <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;">
                              <span style="font-weight:bold; font-style:italic; color:#662f90;">Opening Session</span><br>
                                  Sulky<span style="font-size: 8px; vertical-align:super;">&reg;</span>-Express Yourself!<br>
                                      In this overview session, samples will be shown in trunk show style to get your creative juices flowing about the possibilities for combining Sulky products with your embroidery ideas.<br><br>
                                   
                            <span style="font-weight:bold; font-style:italic; color:#662f90;">Machine Class Sessions</span><br>
                                  Everyone will create nine projects to learn firsthand the benefits of specific Sulky projects and expand their embroidery skills. We'll use other exciting products in classroom demos – seeing is believing!</p>
                                        </td>
                             </tr>

                             <tr>
                                  <td width="150" align="left" valign="top">
                          <img src="http://sulky.com/email_images/EmbZen/images/bullet_threads.jpg" alt="sulky thread" width="150" height="150" style="display:block;" />
                                </td>
                                <td colspan="2">              
                            <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Thread</span><br>
                                                In this track, you'll learn techniques for getting the most from some of Sulky's latest product introductions as well as their hallmark thread varieties.</p>
                                    </td>
                             </tr>        
                                     <tr>
                                <td colspan="2" style="width: 100%;">              
                                                      <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Rayon Thread – Facts and Fiction</span><br>
                                                In this class, you'll learn why rayon is more than just beautiful. It's simply the best choice for many uses, and now you can separate fact from fiction about this vibrant natural fiber thread. We'll compare rayon creations to other thread types in finished samples for evaluation.</p>
                                    </td>
                                  <td width="150" align="right" valign="top">
                                      <img src="http://sulky.com/email_images/EmbZen/images/bullet_hummingbird.jpg" alt="rayon thread" width="150" height="150" style="display:block;" />
                                </td>
                        </tr>                
                                      <tr>
                                  <td width="150" align="left" valign="top">
                                      <img src="http://sulky.com/email_images/EmbZen/images/bullet_blendables.jpg" alt="blendables" width="150" height="150" style="display:block;" />
                                      </td>
                                <td colspan="2" style="width: 100%;">              
                                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Cotton Blendables – Making Color Come Alive</span><br>
                                                Sulky Blendables<span style="font-size: 8px; vertical-align:super;">&reg;</span> threads make it easier than ever to breathe new life into many types of embroidery designs.  Learn how to select lettering and design elements to enhance your embroidery with the heavier, beautiful Cotton Blendables multi-color threads.</p>
                         </td>
                   </tr>
                   <tr>
                                <td colspan="2" style="width: 100%;">              
                                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Holoshimmer<span style="font-size: 7px; vertical-align:super;">TM</span> and Sliver<span style="font-size: 7px; vertical-align:super;">TM</span> – Not Your Everyday Metallics</span><br>
                                                These flat, beautifully reflective metallic threads can create special effects unlike any other. Learn the techniques to create striking showpiece embroideries using this unique design element. You'll get hands-on experience by stitching with these magical metallics on your own machine in class.</p>
                        </td>
                            <td width="150" align="right" valign="top">
                          <img src="http://sulky.com/email_images/EmbZen/images/bullet_metallic.jpg" alt="holoshimmer and sliver" width="150" height="150" style="display:block;" />
                          </td>
                    </tr>
                              <tr>
                      <td width="150" align="left" valign="top">
                          <img src="http://sulky.com/email_images/EmbZen/images/bullet_polylite.jpg" alt="polylite" width="150" height="150" style="display:block;" />
                    </td>
                                <td colspan="2" style="width: 100%;">              
                                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky PolyLite<span style="font-size: 7px; vertical-align:super;">TM</span> 60 wt. – The Small Thread with a Big Effect</span><br>
                                                Small lettering and details are clean and crisp when embroidered using a thread that was designed especially for them!  Learn how and when to use this special weight thread to add small elements with proper coverage without bulk.</p>
                          </td>
                         </tr>
                             <tr>
                                <td colspan="2" style="width: 100%;">              
                                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Stabilizers with a Purpose</span><br>
                                                There are reasons that Sulky offers the most complete selection of stabilizers for embroidery.  In this track, learn the characteristics and purpose for numerous important stabilizer products.</p>
                        </td>
                            <td width="150" align="right" valign="top">
                          <img src="http://sulky.com/email_images/EmbZen/images/bullet_basket.jpg" alt="stabilizers" width="150" height="150" style="display:block;" />
                          </td>
                   </tr>
                           <tr>
                            <td width="150" align="left" valign="top">
                                <img src="http://sulky.com/email_images/EmbZen/images/bullet_CutTear.jpg" alt="tear aways and cut aways" width="150" height="150" style="display:block;" />
                          </td>
                                <td colspan="2" style="width: 100%;">              
                                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">The Basics</span><br>
                                                Uses for tear-away and cut-away stabilizer products are illustrated using a variety of fabric types in this touch-and-feel stabilizer primer.</p>
                                    </td>
                    </tr>

                                           <tr>
                                <td colspan="2" style="width: 100%;">              
                                                            <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Specialty Stabilizers</span><br>
                                                <span style="font-weight:bold; color:#662f90;">Sulky Water Soluble Stabilizers – Selecting the Right Water Soluble</span><br>
The original water soluble – Sulky Solvy<span style="font-size: 8px; vertical-align:super;">&reg;</span> is still the best and most widely requested water-soluble available.  The expanded water-soluble product line includes three weights - original Solvy, Super Solvy<span style="font-size: 7px; vertical-align:super;">TM</span> and Ultra Solvy<span style="font-size: 7px; vertical-align:super;">TM</span>.  Now there's a new generation of solubles – Fabri-Solvy<span style="font-size: 7px; vertical-align:super;">TM</span> and Sticky Fabri-Solvy<span style="font-size: 7px; vertical-align:super;">TM</span>.  Learn the special characteristics and recommended uses for each.  In this informative class you'll stitch samples to illustrate the attributes of the water soluble varieties.<br>
(And we've included Sulky Heat-Away – which disintegrates with the heat of an iron - in this segment as well).<br><br>

                                          You will:</p>
                                  <ul style="list-style:disc; font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:0px 10px 0 0; line-height:18px;">
                                      <li>Stitch a sheer hankie using Super Solvy as a stabilizer beneath the fabric</li>
                                    <li>Create a tasseled bookmark of free-standing lace on a base of UltraSolvy digitized by lace expert Kay Criswell</li>
                                    <li>Make a cute luggage tag using Fabri-Solvy</li>
                                </ul>
                            <br>
                                             </td>
                                              <td width="150" align="right" valign="top" style="padding-top:20px;">
                                                  <img src="http://sulky.com/email_images/EmbZen/images/bullet_bookmark.jpg" alt="bookmark" width="150" height="150" style="display:block;" /><br>
                                                  <img src="http://sulky.com/email_images/EmbZen/images/bullet_luggage.jpg" alt="luggage tag" width="150" height="150" style="display:block;" />
                                          </td>
                                      </tr>

                    <tr>
                            <td width="150" align="left" valign="top">
                                <img src="http://sulky.com/email_images/EmbZen/images/bullet_sticky.jpg" alt="sticky+" width="150" height="150" style="display:block;" />
                          </td>
                                <td colspan="2" style="width: 100%;">              
                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:0 10px 6px 10px; line-height:16px;">
                                       <span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Sticky+<span style="font-size: 7px; vertical-align:super;">TM</span></span><br>
                                                      Sticky+ is the most unique self-adhesive embroidery stabilizer available, with many advantages that make it a favorite over similar products.  Learn why Sticky+ is the best product in the category and get great hints for using this alternative to traditional hooping. We'll stitch on satin ribbon, using the built-in grid references on Sticky+ for perfect placement.</p>
                                    </td>
                    </tr>
                    <tr>
                                <td colspan="2" style="width: 100%;">              
                                                <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Puffy Foam<span style="font-size: 7px; vertical-align:super;">TM</span></span><br>In this inspirational class, you'll learn how to take computerized machine embroidery to new heights with genuine Sulky Puffy Foam.  Learn what makes a suitable design and</p>
                          </td>
                            <td width="150" align="right" valign="top">
                          <img src="http://sulky.com/email_images/EmbZen/images/bullet_puffy.jpg" alt="puffy foam" width="150" height="150" style="display:block;" />
                        </td>
                    </tr>
                </table>
                          </td>
                    </tr>
              </table>
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Commented:
<TABLE BORDER=2 CELLPADDING=4>
<TR> <TH COLSPAN=2>Production</TH> </TR>
<TR> <TD>Raha Mutisya</TD>      <TD>1493</TD> </TR>
<TR> <TD>Shalom Buraka</TD>     <TD>3829</TD> </TR>
<TR> <TD>Brandy Davis</TD>      <TD>0283</TD> </TR>
<TR> <TH COLSPAN=2>Sales</TH> </TR>
<TR> <TD>Claire Horne</TD>      <TD>4827</TD> </TR>
<TR> <TD>Bruce Eckel</TD>       <TD>7246</TD> </TR>
<TR> <TD>Danny Zeman</TD>       <TD>5689</TD> </TR>
</TABLE>
which gives us:

Production
Raha Mutisya      1493
Shalom Buraka      3829
Brandy Davis      0283
Sales
Claire Horne      4827
Bruce Eckel      7246
Danny Zeman      5689



use TH tag for colspan
Commented:
an alternative would be to make table with only 1 column, and tables inside it at 100% with the columns you need
IE:

table
---------------
     table
---------------
     table
---------------

Author

Commented:
As much as I hate the complexity of it, it looks like it's going to work. Thank you for the help.

Commented:
is that your site sulky.com?

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial