Ver Mensaje Individual
  #2 (permalink)  
Antiguo 18/06/2010, 14:14
TheDark03
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 13 años, 10 meses
Puntos: 6
Respuesta: Desbordamiento de ancho en divs y cuerpo q consta de 3 columnas en IE6

Aprovechando mi break... posteo la solucion a mis problemas el detalle con los div q tenian un width especifico y se veian mas grandes(en cuanto al ancho) se debia q dentro de ese div habia otro y era ligeramente mas grande y ademas tenian definidas la propiedad padding y esto hace q en IE6 se agrande todo el div contenedor...

el problema con las tres columnas la verdad me ha costado pero gracias a un post q encontre q decian q el IE6 tenia problemas con el padding y el margin q logre solucionar con el siguiente codigo..

Código CSS:
Ver original
  1. #contenido{margin:0 auto;width:auto;height:500px;;background:url(./images/contenido.jpg) repeat-y;border:1px solid #FF0000;overflow:visible;}
  2. /*Cuadros de Contenido*/
  3. #container {overflow: visible;}
  4. .LeftColumn{float: left;width:260px;height:auto;border:1px solid #FF0000;padding-bottom: 30000px;margin-bottom: -30000px;margin-left:6px;background:#FFFFFF;}
  5. .CenterColumn{float: left;width:518px;height:auto;border:1px solid #FF0000;padding-bottom: 30000px;margin-bottom: -30000px;margin-right:5px;margin-left:5px;background:#000000;}
  6. .RightColumn{float: left;width:270px;height:auto;border:1px solid #FF0000;padding-bottom: 30000px;margin-bottom: -30000px;}
  7. .clearfix {display:block;}

html:
Código HTML:
Ver original
  1. <div id="contenido" class="clearfix">
  2.         <div class="LeftColumn">
  3.            
  4.         </div>
  5.                 <div class="CenterColumn">
  6.            
  7.  
  8.         </div>
  9.                 <!--Columna Derecha-->
  10.         <div class="RightColumn">
  11.                
  12.         </div>
  13.      </div>

y asi tendras tres columnas paralelas en IE6 q era lo q esperaba..pero ahora tengo otro ligero detalle, la nota va asi q si algun contenedor dentro de la columna central excede la medida del contenedor.. la columna derecha cae hacia abajo.. y no encuentro como solucionarlo si alguien supiera guiarme lo agradeceria bastante...

Última edición por TheDark03; 18/06/2010 a las 14:16 Razón: errores ortograficos