Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Truncated textfield in IE

    Hi,

    the following HTML code will display the field "EMail" truncated at the right border. Does anybody know why? It works perfectly in firefox.

    Code:
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
           "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
       <head> 
       <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"/> 
       <META HTTP-EQUIV="Pragma" CONTENT="no-cache"/> 
       <title>VisualizerFrame.ftl</title> 
       </head> 
       <body bgcolor="transparent">    
    
       <div id="_visualizerFrame_/Form"> 
           
          <div id="div_formContent"> 
             <table width="100%"  border="0"  cellspacing="0"  cellpadding="0" height="40"> 
    <tr> 
       <td align="left" width="95%" nowrap> 
          <input type="button" id= "save" onclick="performUserActionWithResponseDIV(null,'saveFinal', 'div_formContent','action=uiAction&function=callJavaScriptFunction&xpath=&param=validateXML()');" value="Speichern"/> 
    </tr>  
    </table> 
              
    <div id="div_/Form"> 
    <div id="div_paging_/Form"> 
    <div id="div_paging_nav_/Form"> 
    </div> 
    </div> 
    <div id="div_paging_errors_/Form"></div> 
    <div id="div_paging_content_/Form"> 
    <table cellpadding="0" cellspacing="0" id="table_/Form" style=" width:100%;"> 
    <tr> 
    <td colspan="2" rowspan="1" style=" width:30%;"></td> 
    </tr> 
    <tr> 
    <td style=" width:30%; height:5px;"></td> 
    <td style=" width:70%; height:5px;"></td> 
    </tr> 
    <tr> 
    <td colspan="2" rowspan="1" title="" style=" width:30%;"><div id="div_/Form/Meta"> 
    <table cellpadding="0" cellspacing="0" id="table_/Form/Meta" style=" width:100%;"> 
    <tr> 
    <td valign="bottom" title="" style=" width:20%; height:22px; text-indent:7px; font-family:Arial; color:rgb(null);">Formular Identifikation</td> 
    <td colspan="2" rowspan="1" title="" style=" width:40%; height:22px; text-indent:7px; font-family:Arial; color:rgb(null);">BLW-GEB-002</td> 
    </tr> 
    <tr> 
    <td valign="bottom" style=" width:20%; height:22px; text-indent:7px;"> 
    <label for="/Form/Meta/EMail" title="" style=" font-family:Arial; color:rgb(null);">EMail</label> 
    </td> 
    <td valign="bottom" title="" style=" width:40%; height:22px;"><table class="type_component_table" style=" width:100%; table-layout:fixed;"> 
    <tr> 
    <td align="top" valign="top" style=" width:5px;">*</td> 
    <td style=" width:100%;"> 
    <input name="/Form/Meta/EMail" type="text" onblur="saveData(this)" id="/Form/Meta/EMail" class="required_textfield" style=" width:100%;"></input> 
    </td> 
    <td align="right" style=" width:16px;"> 
    <a href="#" onmouseout="hideTooltip()" onmouseover="showTooltip(event,'Für das Einreichen eines Gesuches ist zwingend eine gültige Email anzugeben. Das ausgefüllte Formular wird dann an die betreffende Email verschickt.');return false"> 
    <img height="16" width="16" border="0" src="images/help_16x16.gif" alt="images/help_16x16.gif"></img> 
    </a> 
    </td> 
    </tr> 
    <tr> 
    <td></td> 
    <td class="error_text" style=" display:none;"> 
    <div id="err_/Form/Meta/EMail"></div> 
    </td> 
    <td></td> 
    </tr> 
    </table> 
    </td> 
    <td style=" width:30%; height:22px;"></td> 
    </tr> 
    </table> 
    </div> 
    </td> 
    </tr> 
    </table> 
    </div> 
    <table align="right"> 
    <tr> 
    <td></td> 
    <td></td> 
    </tr> 
    </table> 
    </div> 
    </div> 
           
          </div> 
       </div> 
    
       </body> 
    </html>
    Attached Thumbnails Attached Thumbnails Truncated textfield in IE-ie.jpg  


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •