Problemas al visualizar divs con el IE

Coplo · #1 (**permalink**) 08/07/2009, 13:51

Bueno estoy haciendo algunos ejercicios de divs y estilos y cuando lo visualizo con el Firefox no hay problema pero cuanto lo visualizo con Internet Explorer los divs se ven separado y noce como puedo hacer para que mantengan unidos los divs aqui les dejo la pagina para que lo visualicen:
http://worincronic.comli.com/ejercicios/index-2.html
espero que me puedan ayudar y aqui les dejo tambien el codigo:

Código HTML:

<html>
<head>
<style type="text/css" media="screen">
.izquierda {
background-image: url(images/encabezado_izq.png);
background-repeat: no-repeat;
float: left;
width:10px;
height: 33px;
}
.centro {
background-image: url(images/encabezado_med.png);
background-repeat: repeat-x;
margin-left:10px;
margin-right:10px;
height: 33px;
}
.derecha {
background-image: url(images/encabezado_der.png);
background-repeat: no-repeat;
float: right;
width:10px;
height: 33px;
}
#main { margin:0 50px;}
</style>
</head>
<body>
<div id="main">
<div class="izquierda"></div>
<div class="derecha">
</div>
<div class="centro">
</div>
</div>
</body>
</html>

Zapiko · #2 (**permalink**) 08/07/2009, 14:36

No lo digo con seguridad pero...quizas el error este en:
#main { margin: 0px;} pones ese cero y luego un 50px y no pones ;

Coplo · #3 (**permalink**) 08/07/2009, 14:50

Disculpa pero no entendi tu respuesta.

ArturoGallegos · #4 (**permalink**) 08/07/2009, 15:26

Cita:

Iniciado por Coplo

Disculpa pero no entendi tu respuesta.

perdona a Zapiko se le fue eso del main creo que no observo donde lo aplicaste y tu problema es sencillo... aunque muchos empiezan sus ejercicios o sus web sin especificar codificación esta es importante

reemplaza <html> con

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

y santo remedio

Coplo · #5 (**permalink**) 08/07/2009, 15:36

Gracias Ag666 por ayudarme, lo he probado con el IE7 y IE8 y funciona rebien, solo queda una consulta.
En IE5.5 y en el IE6 no se ve bien, sigue igual.
Ag666 crees que hay alguna forma para que se vea bien el el IE 5 y 6?

kseso? · #6 (**permalink**) 08/07/2009, 16:51

Por ie5 no deberías preocuparte. Si acaso del 6 en adelante.
Y muchos no contamos con la ver. 6, así que es más efectivo describir cuanto más preciso mejor el problema que tienes en el ie6.

Un saludo

Coplo · #7 (**permalink**) 08/07/2009, 18:28

Bueno con el IE 6 se ve una pequeña separacion de los divs.

kseso? · #8 (**permalink**) 09/07/2009, 03:10

añade al inicio de tus estilos esta línea:

Cita:

* {margin:0;padding:0; border:0; outline:none;}

ArturoGallegos · #9 (**permalink**) 09/07/2009, 13:47

ni como decirlo mejor que Kseso? espero te funcione bien y la verdad como dijo el compañero yo no tengo la versión 6, igual mas tarde checo en otra máquina con xp

suerte bro! y seguimos por aqui

kseso? · #10 (**permalink**) 09/07/2009, 14:20

¿Y con Firefox 3.5 la has visto?
Sólo tienes un hermoso y vacío rectángulo azul
Bueno, unos ~~tips~~, digo anotaciones rápidas:
Para la separación de los contenedores en ie6:
al flotado a la izquierda dale un 'margin-right:-3px'
al flotado a la derecha dale un 'margin-left:-3px'
(creo que ese valor negativo será suficiente, sino fuese así, prueba con px arriba, pixel abajo)

Sobre el script que tienes en esa página:
lo tienes puesto después de cerrar

Cita:

</body></html><script..... </script>

con lo que es como si no existiese. Bueno sí, sirve para marcar un error en el validador.
lo tienes que colocar despues de cerrar el ultimo div y antes de cerrar el body:

Código html:

Ver original</div>
<!-- hasta aquí tu contenido -->
<script..... </script>
</body>
</html>

Un saludo