4 Replies Latest reply on Mar 30, 2010 9:48 AM by NorthMan1966

    Simple Table Displays OK in Mozilla But Not Showing in IE??

    NorthMan1966

      I'm updating our company website and am looking to add sections to each page with bullet points.  (Note: I am using Dreamweaver CS4 version 10.0.)

       

      I tried using the Unordered List feature but for those bullet points that were extremely long, the 2nd line would never align properly.  So...someone in our IT Dept suggested using a table.

       

      The table works GREAT in Firefox but only the first bullet point shows when I view using IE 8.  Even the rest of the page does not display.

       

      Relative newcomer to Dreamweaver so ANY assistance would be GREATLY APPRECIATED!

       

      Here is the HTML code:

       

      <table width="346" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="27" scope="row"><div align="center">&#8226</div></td>
          <td width="319"><span class="BulletText">Direct integration with other ABC-developed products such as PKonRx, eSignature, and A/R</span></td>
        </tr>
        <tr>
          <td scope="row"><div align="center">&#8226</div></td>
          <td><span class="BulletText">POS A/R transactions automatically update pharmacy A/R module - no more double entry</span></td>
        </tr>
        <tr>
          <td scope="row"><div align="center">&#8226</div></td>
          <td><span class="BulletText">Record all “paid-in” and “paid-out” transactions through POS</span></td>
        </tr>
        <tr>
          <td scope="row"><div align="center">&#8226;</div></td>
          <td><span class="BulletText">Post Customer A/R and PBM payments</span></td>
        </tr>
        <tr>
          <td scope="row"><div align="center">&#8226;</div></td>
          <td><span class="BulletText">Eliminate analyzing register tapes with clear and concise POS reports</span></td>
        </tr>
        <tr>
          <td scope="row"><div align="center">&#8226;</div></td>
          <td><span class="BulletText">End-of-day takes just minutes</span></td>
        </tr>
        <tr>
          <td scope="row"><div align="center">&#8226;</div></td>
          <td><span class="BulletText">Create start and stop dates for promotions ahead of time</span></td>
        </tr>
        <tr>
          <td scope="row"><div align="center">&#8226;</div></td>
          <td><span class="BulletText">Add item messages that remind clerks of promotions, cross-sell and up-sell product</span></td>
        </tr>
        <tr>
          <td scope="row"><div align="center">&#8226;</div></td>
          <td><span class="BulletText">Identify sales trends by item, department or after each promotion</span></td>
        </tr>
        <tr>
          <td scope="row"><div align="center">&#8226;</div></td>
          <td><span class="BulletText">Protect margins by tracking price overrides</span></td>
        </tr>
        </table>

       

      Here is what it looks like in Mozilla:

      POSPage_MozillaView.jpg

       

      Here is what it looks like in IE 8:

      POSPage_IEView.jpg

        • 1. Re: Simple Table Displays OK in Mozilla But Not Showing in IE??
          osgood_ Level 8

          NorthMan1966 wrote:

           

          I'm updating our company website and am looking to add sections to each page with bullet points.  (Note: I am using Dreamweaver CS4 version 10.0.)

           

          I tried using the Unordered List feature but for those bullet points that were extremely long, the 2nd line would never align properly.  So...someone in our IT Dept suggested using a table.

           

          The table works GREAT in Firefox but only the first bullet point shows when I view using IE 8.  Even the rest of the page does not display.

           

          Relative newcomer to Dreamweaver so ANY assistance would be GREATLY APPRECIATED!

           

          Here is the HTML code:

           

          <table width="346" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="27" scope="row"><div align="center">&#8226</div></td>
              <td width="319"><span class="BulletText">Direct integration with other ABC-developed products such as PKonRx, eSignature, and A/R</span></td>
            </tr>
            <tr>
              <td scope="row"><div align="center">&#8226</div></td>
              <td><span class="BulletText">POS A/R transactions automatically update pharmacy A/R module - no more double entry</span></td>
            </tr>
            <tr>
              <td scope="row"><div align="center">&#8226</div></td>
              <td><span class="BulletText">Record all “paid-in” and “paid-out” transactions through POS</span></td>
            </tr>
            <tr>
              <td scope="row"><div align="center">&#8226;</div></td>
              <td><span class="BulletText">Post Customer A/R and PBM payments</span></td>
            </tr>
            <tr>
              <td scope="row"><div align="center">&#8226;</div></td>
              <td><span class="BulletText">Eliminate analyzing register tapes with clear and concise POS reports</span></td>
            </tr>
            <tr>
              <td scope="row"><div align="center">&#8226;</div></td>
              <td><span class="BulletText">End-of-day takes just minutes</span></td>
            </tr>
            <tr>
              <td scope="row"><div align="center">&#8226;</div></td>
              <td><span class="BulletText">Create start and stop dates for promotions ahead of time</span></td>
            </tr>
            <tr>
              <td scope="row"><div align="center">&#8226;</div></td>
              <td><span class="BulletText">Add item messages that remind clerks of promotions, cross-sell and up-sell product</span></td>
            </tr>
            <tr>
              <td scope="row"><div align="center">&#8226;</div></td>
              <td><span class="BulletText">Identify sales trends by item, department or after each promotion</span></td>
            </tr>
            <tr>
              <td scope="row"><div align="center">&#8226;</div></td>
              <td><span class="BulletText">Protect margins by tracking price overrides</span></td>
            </tr>
            </table>

           

          Here is what it looks like in Mozilla:

          POSPage_MozillaView.jpg

           

          Here is what it looks like in IE 8:

          POSPage_IEView.jpg

          You'll probably need to show us the whole page code and any css associated with it because the code you posted DOES show up in full, in IE8 when used on it's own so it must be a conflict involving something else in your code/css.

           

          As an aside note I did see that the ; is missing from the bullet code in the first three instances:

           

          &#8226

           

          should be:

           

          &#8226;

          • 2. Re: Simple Table Displays OK in Mozilla But Not Showing in IE??
            NorthMan1966 Level 1

            osgood:

            Thanks for the quick response and finding the missing ;!

             

            Here is the full HTML code:

             

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
            <html>
            <head>

             

            <meta http-equiv="content-type" content="text/html; charset=UTF-8">
            <title>SRS Pharmacy Systems: POS (Point-of-Sale)</title>

             

            <link href="style.css" rel="stylesheet" type="text/css">
            <style type="text/css">
            <!--
            .style9 {
                font-size: 13px;
                font-weight: bold;
            }
            .style12 {
                font-size: 13px
            }
            .style13 {font-size: 11px; }
            .style16 {color: #000000}
            .style17 {color: #4F5162}
            .style18 {
                font-size: 9px;
                font-style: italic;
            }
            -->
            </style>
            <link href="Level1_Arial.css" rel="stylesheet" type="text/css">
            </head>

             

            <body>
                <table >
                  <tr>
                    <td style="height:351px; background:url(images/bg-top.gif) top  repeat-x" align="center">
                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                               codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
                               width="766" height="351">
                        <param name="movie" value="flash/header_v7.swf?button=3">
                        <param name="quality" value="high">
                        <param name="menu" value="false">
                        <!--[if !IE]> <-->
                        <object data="flash/header_v7.swf?button=3"
                                width="766" height="351" type="application/x-shockwave-flash">
                         <param name="quality" value="high">
                         <param name="menu" value="false">
                         <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
                         FAIL (the browser should render some flash content, not this).
                        </object>
                        <!--> <![endif]-->
                       </object>
                    </td>
                  </tr>
                  <tr>
                    <td style="height:368px" align="center" class="m_text">
                        <table style="width:766px;">
                          <tr>
                            <td style="height:34px"></td>
                          </tr>
                          <tr>
                            <td >
                                <table >
                                  <tr>
                                  <td style="width:445px;">
                                      <div  style="margin:0px 40px 0 33px">
                                        <div align="left"><span class="style9"><span class="ParagraphHead"> <img src="images/Solutions_Spotlight.jpg" width="257" height="27" alt="POS"><br>
                                        <br>
                                        </span></span><strong><span class="ParagraphHead">Point-of-Sale</span></strong><span class="ParagraphSUBHeading"><br>
                                        More Effective Cash Management</span><br>
                                      <span class="ParagraphText">Once thought to be a fixture in only large pharmacies, <span class="style9"><span class="style12"><img src="images/POS-3.jpg" alt="Computer Pic" width="117" height="110" align="left" style="margin-right:15px; margin-top:3px"></span></span>an efficient point-of-sale system is now a necessity for <em>any</em> pharmacy looking to more effectively manage their overall business. From complying with recent IRS regulations for FSA/HRA cards, to creating a more accurate and efficient checkout process for customers, to managing pharmacy will-call bins, SRS’ PKon POS is the answer!<br>
                                              <br>
                                    </span><strong><span class="ParagraphSUBHeading">Increased Efficiencies</span></strong><span class="ParagraphSUBHeader2"><br>
                                                </span><span class="ParagraphText">Creating a single point of entry for all sales transactions, charges and payments, PKon POS
                                                  makes your once tedious end-of-day processes quicker and more efficient as well as adds profitability by improving margins,
                                                  identifying sales trends and opportunities.<br>
              <br>
              <table width="346" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="27" scope="row"><div align="center">&#8226</div></td>
                <td width="319"><span class="BulletText">Direct integration with other SRS-developed products such as PKonRx, eSignature, and A/R</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226</div></td>
                <td><span class="BulletText">POS A/R transactions automatically update pharmacy A/R module - no more double entry</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226</div></td>
                <td><span class="BulletText">Record all “paid-in” and “paid-out” transactions through POS</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">Post Customer A/R and PBM payments</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">Eliminate analyzing register tapes with clear and concise POS reports</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">End-of-day takes just minutes</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">Create start and stop dates for promotions ahead of time</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">Add item messages that remind clerks of promotions, cross-sell and up-sell product</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">Identify sales trends by item, department or after each promotion</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">Protect margins by tracking price overrides</span></td>
              </tr>
              </table>
                                                </span> <br>
                                            <span class="ParagraphSUBHeading">Increased Security</span><br>
                                            <span class="ParagraphText">Enhance your security and employee accountability by implementing the following security
                                              features:<br>
              <br>
              <table width="346" border="0">
              <tr>
                <td width="17" scope="row"><div align="center">&#8226;</div></td>
                <td width="319"><span class="BulletText">Clerk tracking for every POS transaction</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">Track unauthorized price overrides, voided transaction or discounts</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">Restrict register(s) and POS tasks to specific users</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">PCI DSS-compliant software protects customers’ credit card data from fraud and abuse</span></td>
              </tr>
              </table>
                                            </span>
                                             <br>
                                              <span class="ParagraphSUBHeading">Improved Customer Experience</span><br>
                                              <span class="ParagraphText">Customers will quickly judge their shopping experience by an efficient and fast checkout process.
                                              Pharmacies cannot afford a slow checkout system when a customer is ready to pay.</span><br>
                                          <br>
                                          </ul>
                                            <table width="346" border="0">
                                              <tr>
                <td width="17" scope="row"><div align="center">&#8226</div></td>
                <td width="319"><span class="BulletText">POS conveys a more professional image to your customers</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226</div></td>
                <td><span class="BulletText">POS delivers faster sales transactions and reduces the amount of time customers spend in
                                      checkout lines</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226</div></td>
                <td><span class="BulletText">POS allows the pharmacy to offer convenient payment options (e.g. credit, debit, FSA, HRA or
                                      in-store charge account)</span></td>
              </tr>
              <tr>
                <td scope="row"><div align="center">&#8226;</div></td>
                <td><span class="BulletText">One signature pad to handle all PBM, HIPAA, NSC, A/R and credit/debit card signatures</span></td>
              </tr>
              </table>
                                        </span><br>
                                            <span class="ParagraphText">Click on the brochure link for additional information. If you still have questions, <A HREF="mailto:sales@srspharmacy.com" ONCLICK="openWindow('tell_me_more.html','516','381')">contact  us</A> today for a personal response. </span></span><span class="style12"><br>
                                            </span><br>
                                            <br>
                                        <a href="PDFs/SRS PKon POS.pdf" class="style13" ><img alt="arrow" src="images/a1.gif" style=" margin-right:5px"></a><span class="Clickhere"><a href="PDFs/SRS_POS.pdf" >Click here </a>for the  POS brochure</span></div>
                                          <a href="PDFs/SRS PKon POS.pdf" class="style13"><span class="Clickhere"><a href="PDFs/SRS_POS.pdf" >
                                          </a>
                                    <div align="justify"></div>                          </div>                        </td>
                                    <td style="width:40px; background:url(images/bg-line.gif) repeat-y"></td>
                                    <td style="width:260px;">
                                        <div  style="margin:0px 26px 0 0px">
                                            <img src="images/Pharmacy_Solutions.jpg" alt="" width="192" height="27" ><br>
                                          <strong><br>
                                          </strong><span class="ParagraphText"><span class="ParagraphText">Browse our full suite of pharmacy management applications:</span><br><br><span class="SolutionsBullets">
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 PKon Rx.html" >PKon Rx</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 340B.html" >340B</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 AutoFax.html" >Auto-Fax</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 EPrescriptions.html" >e-Prescriptions</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 ESig.html" >eSignature</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 IVR.html" >IVR</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 MAR.html" >MAR Printing</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 Offsite Backup.html" >Off-Site Backup</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 POS.html" >Point-of-Sale (POS)</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 Receivables.html" >Receivables (A/R)</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 SystemsSupport.html" >Systems Support</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 Thermal Printing.html" >Thermal Printing</a><br>
                                          <img alt="Read More" src="images/a1.gif" style=" margin-right:5px"><a href="index-3 Timeclock.html" >Timeclock</a></span><br>
                                          <br>
            </div>                        </td>
                                  </tr>
                              </table>
                            </td>
                          </tr>
                          <tr>
                            <td style="height:16px"></td>
                          </tr>
                        </table>
                    </td>
                  </tr>
                  <tr>
                    <td >
                        <table >
                          <tr>
                            <td style="width:50%; background:url(images/bg-left.gif) top repeat-x #E6E8E9"></td>
                            <td style="width:766px; background:url(images/bg-bot.gif) repeat-y">
                                <table style="width:766px;height:81px; background:url(images/bg-bot2.gif) top repeat-x">
                                  <tr>
                                    <td height="147" bgcolor="#999999" style="width:271px;"><br>
                                        <br>
                                        <br>
                                        <span class="c_text" style="margin:29px 0px 0 0px">&copy;2010 SRS Pharmacy Systems</span><br>
                                    </td>
                                    <td bgcolor="#999999" style="width:303px;"><br>
                                        <br>
                                        <br>
                                        <span class="c_text"><span class="style16"><a href="index-1.html">Home</a>  |  <a href="index-2.html">Technology</a>  |  <a href="index-3.html">Solutions</a>  |  <a href="index-4.html">News</a>  |  <a href="index-6.html">Contact Us</a> </span></span></td>
                                  </tr>
                                </table>
                            </td>
                            <td style="width:50%; background:url(images/bg-right.gif) top repeat-x #D3D5D6"></td>
                          </tr>
                        </table>
                    </td>
                  </tr>
                </table>
            </body>
            </html>

             

            Here is the CSS:

             

            body{
                padding:0px;
                margin:0px;
            }

             


            table {border-collapse:collapse; border:0px;}

             


            table, td {
                height:100%;
                border-top-style: none;
                border-right-style: none;
                border-bottom-style: none;
                border-left-style: none;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10px;
                list-style-type: disc;
                vertical-align: top;
                color: #666;
                border-top-width: thin;
                border-right-width: thin;
                border-bottom-width: thin;
                border-left-width: thin;
                }

             

            td {
                vertical-align:top;
                padding:0px;
            }

             

            a:hover{text-decoration:none;}

             

            img {
                border:2px;
                float: left;
                border-top: 3px;
            }

             

            .m_text, table, li, input, textarea
                {
                font-size:13px;
                color: #005891;
                vertical-align: top;
                display: table;
                }
               
            .m_text a{
                color:#005891
            }
            .m_text span a{ }
            .m_text strong a{ color:#4A4A4A}

             

            .h_text {}

             

            .s_text a{ color:#414F66; font-size:10px; text-decoration:none}
            .s_text a:hover{ text-decoration:underline}
               
            .l_text {}
               
            .c_text {
                color:#FFF;
                font-size:8pt;
            }
            .c_text a{
                color:#FFF
            }

             

            .no_class, form, .no_class td
                {
                    width:auto;
                    height:auto;
                    margin:0px;
                    padding:0px;
                    border:0px;
                   
                }
               
            .line {
                background:url(images/line.gif) repeat-x;
                width:170px;
                height:2px;
                top: 12px;
            }
            .line2 { background:url(images/line.gif) repeat-x; width:121px; height:1px}

             

            .form{height:20px; margin-top:3px;}
            .form input {width:213px; height:17px; padding-left:5px}

             

            textarea {width:213px; height:152px; padding-left:5px; overflow:auto; margin-top:3px}

             

            ul {
                margin:0;
                list-style-type: disc;
                list-style-position: inside;
                width: auto;
                padding-top: 0;
                padding-bottom: 0;
                color: #666;
                font-family: Verdana, Geneva, sans-serif;
                font-size: 12px;
            }
            li  {
                margin: 0px;
                background-image: none;
                background-repeat: no-repeat;
                background-position: left center;
                padding-top: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
            }
            li a  {font-family:Tahoma; font-size:11px; line-height:18px; color:#B23737}
            .ParagraphHead {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 16px;
                color: #005891;
                text-align: left;
            }
            .ParagraphText {
                font-family: Verdana, Geneva, sans-serif;
                font-size: 13px;
                color: #333;
            }
            .BulletText {
                font-family: Verdana, Geneva, sans-serif;
                font-size: 13px;
                color: #333;
            }
            .Clickhere {
                font-family: Tahoma, Geneva, sans-serif;
                font-size: 11px;
                color: #333;
            }
            .ParagraphSUBHeading {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                font-weight: bold;
                color: #333;
            }
            .ParagraphSUBHeader2 {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                font-weight: bold;
                color: #005891;
            }
            .SolutionsBullets {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 13px;
                color: #005891;
            }

            • 3. Re: Simple Table Displays OK in Mozilla But Not Showing in IE??
              osgood_ Level 8

              Gee-Whizz there's a heck of a lot of dodgy css going on in there. At a guess I would remove height: 100%; from the table, td selector below and see what happens.

               

               

              table, td {
                  height:100%;
                  border-top-style: none;
                  border-right-style: none;
                  border-bottom-style: none;
                  border-left-style: none;
                  font-family: Arial, Helvetica, sans-serif;
                  font-size: 10px;
                  list-style-type: disc;
                  vertical-align: top;
                  color: #666;
                  border-top-width: thin;
                  border-right-width: thin;
                  border-bottom-width: thin;
                  border-left-width: thin;
                  }

              • 4. Re: Simple Table Displays OK in Mozilla But Not Showing in IE??
                NorthMan1966 Level 1

                osgood:

                That did it!  Removing the height corrected the issue.

                 

                Thanks so much for the help!