Ver Mensaje Individual
  #4 (permalink)  
Antiguo 06/08/2009, 06:12
lemmoner
 
Fecha de Ingreso: agosto-2009
Mensajes: 12
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Capas que se expandan a todo el ancho de la pantalla

Después de reducir todo el código al mínimo, creo que ya dí con el problema. Parece que IE6 no interpreta correctamente los parámetros padding. Cuando tengo capas con relleno (parámetro padding), el IE6, en lugar de descontar ese relleno al ancho de la pantalla, se lo suma.

Es decir, si mi pantalla tiene resolución 1280x1024 y le meto a la capa un padding lateral de 20px por izqda y derecha, el IE6 pinta una pantalla de 1320x1024. Cuando esta capa está "libre", el IE6 lo pinta y habilita las barras de desplazamiento para que te muevas hacia la dcha y veas todo el contenido (mal, pero bueno).
Pero cuando la capa está dentro de una tabla, como la tabla no puede ocupar más del 100% de la pantalla (1280px), es cuando se pierden esos 40px de la derecha de la capa.

El código problemático que estoy viendo.

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
  <head>
    <title>ESTRUCTURAS DE ALMACENAMIENTO. GESTI&OACUTE;N DE ESPACIOS
  </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <LINK REL="STYLESHEET" TYPE="TEXT/CSS" HREF="../../PLANTILLA/ESTILOS2.CSS">
  </head>
  <body>
  <!-- CONTENEDOR -->
    <table width="100%"><tr><td> <!-- AL ELIMINAR ESTA TABLA, APARECEN LAS BARRAS DE DESPLAZAMIENTO EN IE6-->
      <div class="cuadro1">
        <br>
        <!-- CAPA INTRO -->
        <div class="cuadro4_discontinuo">
          <br>
          <!-- DESCRIPCION -->
          <table width="100%" align="center" border="1" bordercolor="black">
            <tr>
              <td><p>Texto de prueba:</p><br><br><br></td>
              <td><img src="./img/img1.gif"></td>
            </tr>
          </table>
          <br>
          <!-- FIN DESCRIPCION -->
        </div>
        <!-- FIN CAPA INTRO -->
        <br>
      </div>
    </table></tr></td>
    <!-- FIN CONTENEDOR -->
  </body>
</html>
Y ahora la inevitable pregunta. Existe algún truco para evitar este comportamiento del IE6? O como decía jomaruro, tendré que revisar una a una las tablas para que esto no suceda?