Foros del Web » Creando para Internet » CSS »

Desbordamiento de ancho en divs y cuerpo q consta de 3 columnas en IE6

Estas en el tema de Desbordamiento de ancho en divs y cuerpo q consta de 3 columnas en IE6 en el foro de CSS en Foros del Web. Hola a todos. Espero que me puedan ayudar con 2 problemas q tengo al momento de crear css para IE6, estoy haciendo una pagina web ...
  #1 (permalink)  
Antiguo 17/06/2010, 17:42
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Desbordamiento de ancho en divs y cuerpo q consta de 3 columnas en IE6

Hola a todos. Espero que me puedan ayudar con 2 problemas q tengo al momento de crear css para IE6, estoy haciendo una pagina web y tengo un problema al momento de crear 3 columnas paralelas ya q la columna central se encuentra fuera de lugar, he añadido el display:inline pero no veo mejora alguna x q al colocar algo dentro de los div se ve disparejo las q mantienen el nivel son el lado derecho y el izquierdo y el centro tmb solo q el fondo de la columna central desaperece y solo queda el contenido acá posteo el codigo:

Código:
#contenido{margin:0 auto;width:auto;height:auto;background:url(./images/contenido.jpg) repeat-y;border:1px solid #FF0000;}
/*Cuadros de Contenido*/
	/*Columna izquierda*/
	.LeftColumn{width:260px;height:auto;background-color:#FFFFFF;border:1px solid #00000;margin:0px 0 0 10px;float:left;display:inline;}
	/*Columna Central*/
	.CenterColumn{width:528px;height:1815px;background-color:#000000;margin:0px 5px 0 285px;border:1px solid #CCCCCC;display:inline;}
	/*Columna Derecha*/
	.RightColumn{width:280px;height:auto;background-color:#FFF;border-color:#000000;margin:0 10px 0 0;float:right;display:inline;}
y tengo otro problema y la verdad nunca me habia pasado q un div no me respetara la propiedad width, y me sucede con varias clases no solo con una y no se como corregir,

aca pongo el css tambien:

Código:
		.containerMap{margin:0 auto;width:260px;height:auto;border:1px solid #CCCCCC;}
		.containerMaptitle{margin:0 auto;width:260px;height:32px;background-color:#000000;}
		.submapatexto{float:left;color:#FFFFFF;margin:10px 0px 0px 0px;width:280px;font-family: verdana;font-size: 12px;font-weight:bold;text-align:center;}
el div q no repeta el width es el Maptitle.. espero q me puedan dar pautas para arreglar mi problema ...

Siento no poder cargarles una imagen de como esta la web pero.. coreccion me tome el tiempo de subirla
Link como asi tendria q verse:
http://probandoindexz.webcindario.com/Index.html

y link como se ve en el IE6
http://probandoindexz.webcindario.com/Ie6.html

Gracias de ante todo. Saludos
  #2 (permalink)  
Antiguo 18/06/2010, 15:14
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 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 15:16 Razón: errores ortograficos

Etiquetas: ancho, columnas, cuerpo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:26.