DIV and TD background problem in IE and FF

  • qammar
  • Born
  • Born
  • User avatar
  • Posts: 2
  • Loc: Pakistan

Post 3+ Months Ago

Hi All,

I am coding some page border for a web site, border heights are variable size, mean if text increase border height increase accordingly.

I am facing problem in IE if there is small text enter into page text box then there appear verticle scroll bar aside, that do not appear in Firfox.

see the code and suggest if there is ANY solution.
currently i am usign following code....

Code: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
<html>
<head>
    <title>Untitled</title>
   
   
</head>
 
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="550">
<tr>
    <td colspan="3">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td><img src="Images/john_classy0608tl.png" width="43" height="88" alt="" border="0"></td>
           
            <td width="100%" background="images/john_classy0608top.png" ><img src="images/pixel.gif" height="88" width="1" alt="" border="0"></td>
           
            <td><img src="Images/john_classy0608tr.png" width="43" height="88" alt="" border="0"></td>
        </tr>
      </table>  </td>
</tr>
<tr height="100%">
    <td width="43" valign="top">
    <div style="overflow:auto; position:relative; height:100%">
    <table height="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td><img src="Images/john_classy0608lt.png" width="43" height="168" border="0"></td>
      </tr>
      <tr>
        <td height="100%" background="images/john_classy0608left.png"><img src="images/pixel.gif" alt="" width="43" height="1" border="0"></td>
      </tr>
     
    </table>
    </div></td>
    <td class="JohnsonCSS">
 
    <table cellpadding="10" cellspacing="0" border="0" width="464">
    <tr>
        <td width="453">
       
        <!-- Sample Text Start Here -->
          <p>
         
          SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f  SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f       
          </p>
          <p>
          SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f  SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f        </p>
          <p>SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f  SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f
            <!-- Sample Text Ends Here -->
        </p>
          </td>
       
       
    </tr>
    </table>
    </td>
    <td width="43" align="right">
    <div style="overflow:auto;  position:relative; height:100%">
    <table height="100%" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td><img src="Images/john_classy0608rt.png" height="168" width="43" border="0"></td>
      </tr>
      <tr>
        <td height="100%" background="images/john_classy0608right.png"><img src="images/pixel.gif" width="43" height="1" alt="" border="0"></td>
      </tr>
    </table></div></td>
</tr>
<tr>
    <td colspan="3">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td><img src="Images/john_classy0608bl.png" width="43" height="48" alt="" border="0"></td>
           
            <td width="100%" background="images/john_classy0608bttm.png"><img src="images/pixel.gif" width="2" height="48" alt="" border="0"></td>
           
            <td><img src="Images/john_classy0608br.png" width="43" height="48" alt="" border="0"></td>
        </tr>
      </table>  </td>
</tr>
 
</tr>
</table>
 
</body>
</html>
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.  
  3. <html>
  4. <head>
  5.     <title>Untitled</title>
  6.    
  7.    
  8. </head>
  9.  
  10. <body>
  11. <center>
  12. <table border="0" cellpadding="0" cellspacing="0" width="550">
  13. <tr>
  14.     <td colspan="3">
  15.         <table width="100%" border="0" cellpadding="0" cellspacing="0">
  16.         <tr>
  17.             <td><img src="Images/john_classy0608tl.png" width="43" height="88" alt="" border="0"></td>
  18.            
  19.             <td width="100%" background="images/john_classy0608top.png" ><img src="images/pixel.gif" height="88" width="1" alt="" border="0"></td>
  20.            
  21.             <td><img src="Images/john_classy0608tr.png" width="43" height="88" alt="" border="0"></td>
  22.         </tr>
  23.       </table>  </td>
  24. </tr>
  25. <tr height="100%">
  26.     <td width="43" valign="top">
  27.     <div style="overflow:auto; position:relative; height:100%">
  28.     <table height="100%" border="0" cellpadding="0" cellspacing="0">
  29.       <tr>
  30.         <td><img src="Images/john_classy0608lt.png" width="43" height="168" border="0"></td>
  31.       </tr>
  32.       <tr>
  33.         <td height="100%" background="images/john_classy0608left.png"><img src="images/pixel.gif" alt="" width="43" height="1" border="0"></td>
  34.       </tr>
  35.      
  36.     </table>
  37.     </div></td>
  38.     <td class="JohnsonCSS">
  39.  
  40.     <table cellpadding="10" cellspacing="0" border="0" width="464">
  41.     <tr>
  42.         <td width="453">
  43.        
  44.         <!-- Sample Text Start Here -->
  45.           <p>
  46.          
  47.           SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f  SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f       
  48.           </p>
  49.           <p>
  50.           SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f  SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f        </p>
  51.           <p>SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f  SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f SampleText sfj klsdjfkl jlkjfklsjflsjflsj flksj fls sdh fkjsfk skfks fkskjsh f
  52.             <!-- Sample Text Ends Here -->
  53.         </p>
  54.           </td>
  55.        
  56.        
  57.     </tr>
  58.     </table>
  59.     </td>
  60.     <td width="43" align="right">
  61.     <div style="overflow:auto;  position:relative; height:100%">
  62.     <table height="100%" cellpadding="0" cellspacing="0" border="0">
  63.       <tr>
  64.         <td><img src="Images/john_classy0608rt.png" height="168" width="43" border="0"></td>
  65.       </tr>
  66.       <tr>
  67.         <td height="100%" background="images/john_classy0608right.png"><img src="images/pixel.gif" width="43" height="1" alt="" border="0"></td>
  68.       </tr>
  69.     </table></div></td>
  70. </tr>
  71. <tr>
  72.     <td colspan="3">
  73.         <table width="100%" border="0" cellpadding="0" cellspacing="0">
  74.         <tr>
  75.             <td><img src="Images/john_classy0608bl.png" width="43" height="48" alt="" border="0"></td>
  76.            
  77.             <td width="100%" background="images/john_classy0608bttm.png"><img src="images/pixel.gif" width="2" height="48" alt="" border="0"></td>
  78.            
  79.             <td><img src="Images/john_classy0608br.png" width="43" height="48" alt="" border="0"></td>
  80.         </tr>
  81.       </table>  </td>
  82. </tr>
  83.  
  84. </tr>
  85. </table>
  86.  
  87. </body>
  88. </html>


please reply if you know


THANKS
qammar
Moderator Remark: added [code] tags
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

Post Information

  • Total Posts in this topic: 1 post
  • Users browsing this forum: No registered users and 59 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.