Member Avatar for mmorton

Hi Everyone,

I need some help. I do not understand what is wrong with this HTML page that I've created. It displays correctly in Firefox, but not in IE. I created the file in DreamWeaver.

I have attached two files that will give you a better understanding of my problem. One file is a text file that contains the HTML code. The other is a screenshot of the page displayed in IE, with a callout that explains the problem.

Basically, I need the line breaks to line up together. The bottom line break should be moved left to line up with the top line break (see the pic to better understand). The problem is that the breaks line up correctly in DreamWeaver, so I'm not sure what I need to change.

Thanks for your help & feel free to "fiddle" around with the code to try and solve this issue.

Thanks!

The Picture

The HTML

Webinar-Forum.jpg 21.76 KB 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>

<style type="text/css">
<!--
a:link {
	color: #9C0031;
}
-->
</style></head>

<body>
<table width="600" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="248" height="70" valign="top"><img src="http://hosting.bronto.com/8203-1815dac7/images/webinar/.gif" width="247" height="62"></td>

    <td width="25">&nbsp;</td>
    <td width="328" align="right" valign="top"><img src="http://hosting.bronto.com/8203-1815dac7/images/webinar/webinarglobe.jpg" width="328" height="70"></td>
  </tr>
</table>
<table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <!--DWLayoutTable-->
  <tr>
    <td height="32" align="center" valign="middle" bgcolor="398eff"><strong>
      <p style="color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">        New
        Training Classes - Registration and Attendance is FREE! </p>
    </strong></td>
  </tr>

  <tr>
    <td height="229" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td height="29" colspan="2" valign="middle" bgcolor="#CECFCE"><strong>
          <p style="color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">&nbsp;&nbsp;&nbsp;New
            User Training - October 18th &amp; 26th </p>
          </strong></td>
          <td width="4">&nbsp;</td>
          <td colspan="2" valign="middle" bgcolor="#CECFCE"><strong>
            <p style="color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">&nbsp;&nbsp;&nbsp;My
            New Training - October 19th</p>
          </strong></td>
        </tr>

        <tr>
          <td width="94" rowspan="3" valign="top" bgcolor="#E7E7E7"><div align="left"><img src="http://hosting.bronto.com/8203-1815dac7/images/webinar/webinarclass.jpg" width="90" height="90"></div></td>
          <td width="204" height="30" valign="middle" bgcolor="#E7E7E7"><em><p style="color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;">&nbsp;&nbsp;Topics
          Covered: </p></em></td>
          <td>&nbsp;</td>
          <td width="94" rowspan="3" valign="top" bgcolor="#E7E7E7"><img src="http://hosting.bronto.com/8203-1815dac7/images/webinar/my_ils.jpg" width="90" height="90"></td>
        <td width="204" valign="middle" bgcolor="#E7E7E7"><em><p style="color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;">&nbsp;&nbsp;Topics
          Covered: </p></em></td>
        </tr>
        <tr>

          <td height="126" valign="top" bgcolor="#E7E7E7" p style="color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;"><ul>
            <li class="regText11px">Increasing productivity with advanced search
              procedures </li>
            <li class="regText11px">Learning how Government FLIS information
              can help you </li>
            <li class="regText11px">Boosting your search results with PMA options</li>
                      </ul>
					  <p style="color: #990033; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;"><strong>Register
          for the Oct. 18th class </strong></td>
          <td>&nbsp;</td>

          <td valign="top" bgcolor="#E7E7E7" p style="color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;"><ul>
            <li class="regText11px">How to manage inventory more efficiently </li>
            <li class="regText11px">Identifying new competition with an SOI</li>
            <li class="regText11px">Managing RFQs within ILSmart</li>
            <li class="regText11px">Uploading and downloading inventory</li>
          </ul></td>
        </tr>

        <tr>
          <td height="20" valign="middle" bgcolor="#E7E7E7"><span class="boldText11px">
            <p style="color: #990033; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;"><a href="https://lra100.livemeeting.com/LRSRegistration/EC/ilsmart/922311673.aspx"><strong>Regist</strong></a><strong>er
            for the Oct. 26th class</strong>              
          </span></td>
          <td></td>
          <td valign="middle" bgcolor="#E7E7E7"><span class="boldText11px style6"><a href="http://www.ilsmart.com/avi_webextraining.asp"></a></span><span class="boldText11px">
            <p style="color: #990033; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;"><strong>Click
            here to register! </strong>            
          </span></td>
        </tr>
        <tr>
          <td height="20" colspan="2" valign="top" bgcolor="#CECFCE"><!--DWLayoutEmptyCell-->&nbsp;</td>
          <td></td>

          <td colspan="2" valign="top" bgcolor="#CECFCE"><!--DWLayoutEmptyCell-->&nbsp;</td>
        </tr>
        <tr>
          <td height="4"></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>

                    </table></td>
  </tr>
  <tr>
    <td width="600" height="229"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td height="29" colspan="2" valign="middle" bgcolor="#CECFCE"><strong>
          <p style="color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">&nbsp;&nbsp;&nbsp;Electronic
            Quotation Mgmt. - October 25th </p>
        </strong></td>
        <td width="4">&nbsp;</td>
        <td width="298" valign="middle" bgcolor="#CECFCE"><strong>
          <span style="color: #398EFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;">&nbsp;&nbsp;<strong>Registration
              Requirements:</span> </strong></td>
      </tr>
      <tr>
        <td width="94" rowspan="3" valign="top" bgcolor="#E7E7E7"><div align="left"><img src="http://hosting.bronto.com/8203-1815dac7/images/webinar/quotation.jpg" width="90" height="90"></div></td>
        <td width="204" height="30" valign="middle" bgcolor="#E7E7E7"><em>
          <p style="color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;">&nbsp;&nbsp;Topics
            Covered: </p>
        </em></td>
        <td>&nbsp;</td>
        <td rowspan="3" align="left" valign="middle" bgcolor="#E7E7E7"><p style="color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">*You
            will need an  ID to register</p>
            <p style="color: #990033; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;"><strong>Minimum
                equipment requirements:</strong><br>
                        <span style="color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;">Intel
                        Pentium, 166 MHz, 32 MB RAM<br>
        Windows 95, 98 NT, 2000 XP<br>
        Internet Explorer 4.x, 5.x, 6.x <strong>OR </strong>Netscape Communicator
        4.x<br>
        JavaScript and cookies enabled<br>
        DSL, T1, or cable connection</span><!--DWLayoutEmptyCell-->&nbsp;</td>
      </tr>
      <tr>
        <td height="126" valign="top" bgcolor="#E7E7E7" p style="color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;"><ul>
            <li class="regText11px">Setting supplier preferences </li>
            <li class="regText11px">Tracking incoming RFQs and counter offers </li>
            <li class="regText11px">Responding electronically to RFQs </li>
            <li class="regText11px">Monitoring your quotations and maintaining
              inventory </li>
        </ul></td>
        <td>&nbsp;</td>
        </tr>
      <tr>
        <td height="20" valign="middle" bgcolor="#E7E7E7"><span class="boldText11px">
          <p style="color: #990033; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;"><strong>Click
                here to register! </strong>    
          </span></td>
        <td></td>
        </tr>
      <tr>
        <td height="20" colspan="2" valign="top" bgcolor="#CECFCE"><!--DWLayoutEmptyCell-->&nbsp;</td>
        <td></td>
        <td valign="top" bgcolor="#CECFCE"><!--DWLayoutEmptyCell-->&nbsp;</td>
      </tr>
      <tr>
        <td height="4"></td>
        <td></td>
        <td></td>
        <td></td>
        </tr>
    </table></td>
  </tr>
</table>
<map name="Map">
  <area shape="rect" coords="219,15,258,36" href="http://www.ilsmart.com/">
  <area shape="rect" coords="266,14,313,38" href="http://www.ilsmart.com/about_over.asp">
  <area shape="rect" coords="319,16,379,35" href="http://www.ilsmart.com/contact.asp">

</map>
<table width="600" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="600" height="106" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <!--DWLayoutTable-->
        <tr>
          <td width="387" rowspan="2" valign="middle" bgcolor="#E7E7E7"><p style="color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;">Company
                    Name Service,&reg; LLC<br>
              5555 Townview Parkway, Suite 200 <br>
              Jackson, TX 38876<br>
              Phone: 555-555-5555<br>
          Fax: 555-555-5555</p></td>
          <td width="4" height="29">&nbsp;</td>
          <td width="209" align="center" valign="middle" bgcolor="#DEDFDE"><p style="color: #398EFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;"><strong><em>Additional
                Information</em></strong></td>
        </tr>
        <tr>
          <td height="77">&nbsp;</td>
          <td valign="top" bgcolor="#DEDFDE"><font size="2" face="Arial">
            <p style="color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;">&nbsp;&nbsp;*These
              course are offer
  • 5 Contributors
  • 4 Replies
  • 136 Views
  • 10 Months Discussion Span
  • Latest Post Latest Post by jtbnet
Member Avatar for rus

I took a quick glance at your code and it appears that you are mixing your widths in % and absolute, i.e. if you specify your table to be 100% width, then specify your TD in %. I would suggest making everything absolute if you want to make sure they lign up all the time.

Member Avatar for zippee

The fornt size and line height in firefox and IE are slightly different. you may have created a column too small to fit in all the text in IE (larger display font) and therefore squeezed the column toward the right.

Sometime you have to add an invisible space.gif image (can becreated in Dreamweaver) to fix the width.

Member Avatar for roryt

Keeping the widths and heights in one type (% or pixel) is very important and can really change the way your site looks, I am sure by changing this it will fix your problem.

Member Avatar for jtbnet

I had the smae problem - would either work fine in one and not the other! best work around I have found is to use CSS to define all tags! works a treat! any site I have built works 100% in both browsers now!

If a browser cant find your CSS it reverts to its default styles! each browser has different defaults!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.