Volver al Foro de Diseño de páginas Web

DIV y TD problema de fondo en IE y FF

  • qammar
  • Born
  • Born
  • Avatar de Usuario
  • Registrado: Oct 23, 2008
  • Mensajes: 2
  • Loc: Pakistan
  • Status: Offline

Nota Marzo 15th, 2009, 1:45 am

Hi All,

Estoy de codificación de algunos borde de página para un sitio web, la altura de la frontera son de tamaño variable, decir que si aumento de texto en consecuencia aumentar la altura de la frontera.

Estoy enfrentando problema en Internet Explorer si no hay texto pequeño entrar en el cuadro de la página de texto a continuación, aparecen la barra de desplazamiento verticle un lado, que no aparecen en Firfox.

ver el código y sugerir si hay cualquier solución.
Actualmente estoy usign siguiente código....

Código: [ 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>


respuesta please si usted sabe


GRACIAS
qammar
Moderator Remark: added [code] tags
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Marzo 15th, 2009, 1:45 am

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 1 mensaje
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 175 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC