Foros del Web » Creando para Internet » CSS »

Problemas al visualizar divs con el IE

Estas en el tema de Problemas al visualizar divs con el IE en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/07/2009, 14:51
 
Fecha de Ingreso: octubre-2008
Mensajes: 155
Antigüedad: 9 años, 1 mes
Puntos: 1
Problemas al visualizar divs con el IE

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> 
  #2 (permalink)  
Antiguo 08/07/2009, 15:36
 
Fecha de Ingreso: julio-2007
Mensajes: 115
Antigüedad: 10 años, 4 meses
Puntos: 1
Respuesta: Problemas al visualizar divs con el IE

No lo digo con seguridad pero...quizas el error este en:
#main { margin: 0px;} pones ese cero y luego un 50px y no pones ;
  #3 (permalink)  
Antiguo 08/07/2009, 15:50
 
Fecha de Ingreso: octubre-2008
Mensajes: 155
Antigüedad: 9 años, 1 mes
Puntos: 1
Respuesta: Problemas al visualizar divs con el IE

Disculpa pero no entendi tu respuesta.
  #4 (permalink)  
Antiguo 08/07/2009, 16:26
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Problemas al visualizar divs con el IE

Cita:
Iniciado por Coplo Ver Mensaje
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
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #5 (permalink)  
Antiguo 08/07/2009, 16:36
 
Fecha de Ingreso: octubre-2008
Mensajes: 155
Antigüedad: 9 años, 1 mes
Puntos: 1
Respuesta: Problemas al visualizar divs con el IE

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?
  #6 (permalink)  
Antiguo 08/07/2009, 17:51
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problemas al visualizar divs con el IE

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 08/07/2009, 19:28
 
Fecha de Ingreso: octubre-2008
Mensajes: 155
Antigüedad: 9 años, 1 mes
Puntos: 1
Respuesta: Problemas al visualizar divs con el IE

Bueno con el IE 6 se ve una pequeña separacion de los divs.
  #8 (permalink)  
Antiguo 09/07/2009, 04:10
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problemas al visualizar divs con el IE

añade al inicio de tus estilos esta línea:
Cita:
* {margin:0;padding:0; border:0; outline:none;}
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #9 (permalink)  
Antiguo 09/07/2009, 14:47
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Problemas al visualizar divs con el IE

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
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #10 (permalink)  
Antiguo 09/07/2009, 15:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problemas al visualizar divs con el IE

¿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
  1. </div>
  2. <!-- hasta aquí tu contenido -->
  3. <script..... </script>
  4. </body>
  5. </html>

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 03:33.