[SOLUCIONADO] Problema con divs en Internet Explorer en mi web

victor5atodogas · #1 (**permalink**) 04/01/2012, 09:59

Como podéis ver, si entráis aquí:

http://www.eluniversodelperro.com

veréis que en la parte superior hay varios divs, se pretende que se vea como sucede en Chrome, Firefox, etc pero en Internet Explorer hace muchas cosas raras y no lo pone igual.

Me gustaría que me ayudarais para saber cual podría ser la solución.

Muchas gracias y un saludo.

C2am · #2 (**permalink**) 04/01/2012, 11:14

Hola
El documento html debe comenzar en su primera linea con:

Código HTML:

Ver original<!DOCTYPE html PUBLIC ... y todo lo que sigue

En tu caso tienes:

Código HTML:

Ver originallinea en blanco
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

NO DEBE Comenzar con una linea en blanco y antepones al Doctype <?xml version....

saludos

victor5atodogas · #3 (**permalink**) 04/01/2012, 13:06

Ok, ya he quitado esa linea y el xml y sigue dandome el mismo error en IE

C2am · #4 (**permalink**) 04/01/2012, 13:45

Tal vez deberias ir revisando los errores que tienes:
http://validator.w3.org/check?uri=ht...alidator%2F1.2

Saludos

victor5atodogas · #5 (**permalink**) 04/01/2012, 14:15

Pufff son muchos errores, ya los ire solucionando poco a poco. Pero el error de IE ese de la linea blanca que puede ser exactamente?

C2am · #6 (**permalink**) 04/01/2012, 14:59

Hola, me parece que es la imagen de fondo que tiene, ya que es un png y las versiones viejas de IE no aceptan las transparencias.

Yo uso esto:

Código HTML:

Ver original<!-- Script para transparecencias de imagenes en IE -->
<!--[if IE 6]>
<script src="js_spry/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.clasedondeseaplicaelfondopng');
</script>
<![endif]-->

Busca el script o copia y guarda en tu servidor el que tengo en mi web

O busca otro que te sirva, hay muchos, y creo que hay uno mas o menos nuevo que soluciona ese y otros muchos problemas de los IE's, modernazer o algo parecido.

EDITO: Me parece que se debe al opacity, ya que IE no lo soporta. Investiga sobre las alternativas para IE. Saludos