2 Replies Latest reply on Apr 26, 2010 12:29 PM by poorlostsoul

    Display difference between IE & FireFox


      I'm having trouble getting the form that's within my page to stay within the bounds of my page. When viewed in FireFox it looks fine but when I try it in IE the form extends way out beyond the right margin of the page. Is my stylesheet setting aren't taking affect. I have the right-margin set to 20px from the right side of the page. I've probably overlooked something very simple but what could cause it to go beyond in one of the browsers?  What should I be looking for that could be causing this difference?


      This is what the stylesheet for my form looks like:


      #form_rightside {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 10px;
      font-style: normal;
      font-weight: normal;
      background-color: #CCC;
      width: auto;
      float: left;
      height: auto;
      position: relative;
      margin-left: 15px;
      margin-top: 20px;
      margin-right: 20px;
      margin-bottom: 0px;
      clear: none;
      border:2px groove #F00;
      color: #903;


      The code for the form looks like this:


      <div id="form_rightside"  >
        <form id="feedback" name="feedback" method="post" action="">
         <table width="100%" border="0" cellspacing="0" cellpadding="1">
                                    <tr align="left" valign="top" bgcolor="#CCCCCC" bordercolor="#FFFFFF">
                                          <td colspan="2" align="left" bgcolor="#CCCCCC"> <font face="Verdana, Arial, Helvetica, sans-serif"><font size="3"><strong>Name:</strong></font><strong> </strong><font color="#0C3727"><b><font color="#0C3727"><br>
                                                      <input type="text" name="name" size="25">
                                          <td width="42%"><font color="#0C3727"></font></td>
                                        <tr align="left" valign="top" bgcolor="#d6d6d6" bordercolor="#FFFFFF">
                                          <td colspan="2" align="left"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"><strong>Address:</strong></font><font color="#0C3727"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><br>
                                                <input name="address" type="text" id="address" size="25">
                                          <td><font color="#0C3727"></font></td>
                                        <tr align="left" valign="top" bgcolor="#FFFFFF" bordercolor="#FFFFFF">
                                          <td width="35%" bgcolor="#CCCCCC"> <font face="Verdana, Arial, Helvetica, sans-serif" size="3"><strong>City:</strong></font><strong>
                                          </strong>                                      <font color="#0C3727">                                         
                                            <input type="TEXT" name="city" size="25">
                                          <td width="28%" bgcolor="#CCCCCC"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><strong>State:</strong></font><font color="#0C3727"><br>
                                                  <input type="TEXT" name="state" size="3">
                                          <td width="37%" bgcolor="#CCCCCC"><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><strong>Zip
                                                  Code:</strong></font><font color="#0C3727"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><br>
                                                  <input type="TEXT" name="zip" size="10">
                                        <tr bgcolor="d6d6d6">
                                          <td colspan="2" align="LEFT" bgcolor="#d6d6d6"><font face="Verdana, Arial, Helvetica, sans-serif"><font size="3"><strong>Email:</strong></font></font><font color="#0C3727"><br>
                                                <input type="text" name="email" size="25">
                                          <td align="LEFT"><font face="Verdana, Arial, Helvetica, sans-serif"><font size="3"><strong>Phone:<br>
                                                </strong><font color="#0C3727">
                                                <input type="text" name="phone" size="15">
                                        <tr align="left" valign="top" bgcolor="#CCCCCC" bordercolor="#FFFFFF">
                                          <td colspan="3" align="left">
                                            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><font size="3"><strong>Comments:</strong></font><font color="#0C3727"><br>
                                            <textarea name="comments" rows="7" cols="35"></textarea>
                                        <tr align="left" valign="top" bordercolor="#FFFFFF" bgcolor="d6d6d6">
                                          <td colspan="3" align="left" valign="top">
                                            <p align="center">
                                              <input type="submit" name="Submit" id="Submit" value="Submit" />
                                              <input type="reset" name="Reset" id="button" value="Reset" />
      <!-- end #form_rightside -->