error 2 columnas solo en IE6

tecnomaster · #1 (**permalink**) 29/06/2009, 09:17

Saludos,

A pesar de que ya he leido algunos casos similares en el foro, me atrevo a postear el siguiente problema ya que solo me esta afectando en IE6

Este es el codigo HTML

Código:

<body>
<div id="contenedor_main">
<div id="right">Contenido Derecho</div>
<div id="main">Contenido Main</div>
</div>
<div class="corte"></div>
</body>

Y este es el codigo CSS

Código:

#contenedor_main {
	width:977px;
	}
#main {
	background:#00FF66;
	width:767px;
	margin-top:6px;
	padding:15px;
	}
#right {
	background:#FFFF66;
	width:180px;
	float:right;
	padding-top:15px;
	padding-bottom:10px;
	}
.corte {clear: both;}

Como verán es algo extremadamente sencillo pero en IE6 no hay manera de colocar juntas las columnas tal y como muestro en esta imagen

imaxenes.com/imagen/errorie61in03o8.jpg.html

Alguien tiene alguna idea de como solucionarlo?

Gracias de antemano

kseso? · #2 (**permalink**) 29/06/2009, 09:23

Prueba a modificar el ancho de cualquiera de ellos (hacerlo más pequeño)

tecnomaster · #3 (**permalink**) 29/06/2009, 09:30

Que tal amigo kseso?,

Viste la imagen? Literalmente he hecho de todo y nada... ya le he cambiado los anchos y el problema persiste.

Cabe destacar que en IE7 y 8 se ve perfecto tal y como lo hace en Firefox, Opera y Safari pero en el bendito IE6 nada...

Alguna idea?

Gracias

Mikmoro · #4 (**permalink**) 29/06/2009, 09:34

Prueba a añadir esto:

Cita:

#right {
background:#FFFF66;
width:180px;
float:right;
padding-top:15px;
padding-bottom:10px;
margin-left: -3px;
}

kseso? · #5 (**permalink**) 29/06/2009, 09:37

Disculpa, creo que me me fuí a lo fácil y obvio.
No tengo ie6 (y no me fio del emulador) creo que es algo relativo a un margen negativo a la caja derecha.
En espera de los doctores

Edito: Llegaron antes que yo y con más precisión

Mikmoro · #6 (**permalink**) 29/06/2009, 09:44

Creo que este es el problema que buscaba Triby en este otro hilo
http://www.forosdelweb.com/f91/desil...ml#post2980818

(ya se lo he dicho allá)

Mikmoro · #7 (**permalink**) 29/06/2009, 09:46

Cita:

Iniciado por tecnomaster

Viste la imagen? Literalmente he hecho de todo y nada... ya le he cambiado los anchos y el problema persiste.

No sé cómo habrás probado, pero con cambiar el width:767px; de #main por un width:764px; también encajaba en la misma línea, como te decía kseso?

kseso? · #8 (**permalink**) 29/06/2009, 09:47

Efectivamente. Creo que es el error que no encontraba Triby (ni yo asocié).
Y mejor la solución de -3px que el variar el ancho

Parafraseando "te cabe el foro en tu cabeza"

tecnomaster · #9 (**permalink**) 29/06/2009, 09:53

Cita:

Iniciado por Mikmoro

No sé cómo habrás probado, pero con cambiar el width:767px; de #main por un width:764px; también encajaba en la misma línea, como te decía kseso?

Que extraño, efectivamente mejoro con los -3px pero no encaja perfectamente y además cuando le coloco el contenido se me descuadra nuevamente

El problema se basa en que el main esta debajo de right y no al lado como deberia ser.

Agradezco lo que me estan ayudando a conseguir el problema,

Gracias

Mikmoro · #10 (**permalink**) 29/06/2009, 09:56

Te aseguro que eso lo arregla, por lo que algún otro problema tenemos en otro lugar del código que esté afectando a esto.

De hecho aquí puedes ver tu código solito, funcionando correctamente.

tecnomaster · #11 (**permalink**) 29/06/2009, 10:13

Cita:

Iniciado por Mikmoro

Te aseguro que eso lo arregla, por lo que algún otro problema tenemos en otro lugar del código que esté afectando a esto.

Amigos efectivamente se soluciona el problema a pesar de que no cuadra perfectamente.

Estoy muy agradecido por su valiosa ayuda,

Gracias una vez mas,

Ahh, me podrian explicar eso de los -3px?

Mikmoro · #12 (**permalink**) 29/06/2009, 11:29

Es un error de IE sin una explicación lógica (que yo conozca). Si pones dos columnas de esa manera, deja un pequeño espacio (como unos 3px) entre ellas. Es como si tuviera por defecto un margen izquierdo de 3px, que aunque pongas margin: 0px; no desaparece.

La estupideces incomprensibles de IE6 (IE en general) (¿he dicho ya que lo odio?

)

buzu · #13 (**permalink**) 29/06/2009, 12:42

Mik, pusiste un enlace en el otro foro hacia este hilo, luego los amantes de IE, que se ve que abundan en el otro hilo, van a venir y te van comer vivo por esa última linea jajajaja... Efectivamente esto parece ser lo que buscaba triby.
EDITO:
ah, por cierto, no sería conveniente usar el hack del asterisco para que solo IE entienda lo del margen negativo? Por cierto, creo que Triby pudo haber recordado este post en el que participó y en el que también se toca el tema de la estupidez de IE al hacer cuentas:
http://www.forosdelweb.com/f53/que-p...-clase-709346/

tecnomaster · #14 (**permalink**) 29/06/2009, 13:03

Cita:

Iniciado por Mikmoro

Es un error de IE sin una explicación lógica (que yo conozca). Si pones dos columnas de esa manera, deja un pequeño espacio (como unos 3px) entre ellas. Es como si tuviera por defecto un margen izquierdo de 3px, que aunque pongas margin: 0px; no desaparece.

La estupideces incomprensibles de IE6 (IE en general) (¿he dicho ya que lo odio?

)

Comparto totalmente tu opinion pero por desgracia aun tenemos que trabajar para que todo funcione correctamente en este navegador ya que mucha gente por desconocimiento de que existen cosas mejores lo utiliza.

Con esto se soluciona perfectamente el problema de las dos columnas en IE6

Mikmoro · #15 (**permalink**) 29/06/2009, 13:47

Cita:

Iniciado por buzu

Mik, pusiste un enlace en el otro foro hacia este hilo, luego los amantes de IE, que se ve que abundan en el otro hilo, van a venir y te van comer vivo por esa última linea jajajaja...

Bah, pero entonces vienen a mi barrio, y aquí les doy estopa; no salen del barrio enteros

Cita:

Iniciado por buzu

ah, por cierto, no sería conveniente usar el hack del asterisco para que solo IE entienda lo del margen negativo?

No, yo creo que al resto no les afecta por el flotado a la derecha. No sé si a todos, pero a FF2 por ejemplo no le afecta.

buzu · #16 (**permalink**) 29/06/2009, 16:42

Ah, si. No consideré ese aspecto. Y me refiero a ambas respuestas XD XD XD.