Back To Website Design Forum

DIV and TD background problem in IE and FF

  • qammar
  • Born
  • Born
  • User avatar
  • Joined: Oct 23, 2008
  • Posts: 2
  • Loc: Pakistan
  • Status: Offline

Post March 15th, 2009, 1:45 am

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
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post March 15th, 2009, 1:45 am

Page 1 of 1

Post Information

  • Total Posts in this topic: 1 post
  • Users browsing this forum: No registered users and 146 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.