Foros del Web » Creando para Internet » CSS »

Problema con Internet Explorer (cómo no...)

Estas en el tema de Problema con Internet Explorer (cómo no...) en el foro de CSS en Foros del Web. Hola a todos! Estoy liado haciendo una pre-web y estoy teniendo problemas con su visualización con la mi*** de internet explorer Mi pre-web consta de ...
  #1 (permalink)  
Antiguo 24/04/2013, 04:07
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 13 años, 7 meses
Puntos: 14
Pregunta Problema con Internet Explorer (cómo no...)

Hola a todos!

Estoy liado haciendo una pre-web y estoy teniendo problemas con su visualización con la mi*** de internet explorer

Mi pre-web consta de lo siguiente:

- Fondo radial-gradient y una imagen en el centro.
- Un contenedor en el centro (para mostrar la típica información de web en desarrollo).
- En el contenedor a mostrar tengo:
- El logotipo de la empresa
- Dos bloques que muestran la dirección de la empresa y quien lo desarrolla
Ahora bien, previsualizando la preweb en el programita que hay IETester, no me saca ni el logotipo ni la imagen de fondo desde IE10 hacia abajo (versión 9,8,7...) y no entiendo por qué.

Os pongo mi css a ver si veis algo que no esté correcto:
Código CSS:
Ver original
  1. body,html{
  2.     background: rgb(255,255,255);
  3.     background: url('img/map.png') no-repeat 50% 50%, -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%, rgba(196,193,186,1) 83%);
  4.     background: url('img/map.png') no-repeat 50% 50%,-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(35%,rgba(255,255,255,1)), color-stop(83%,rgba(196,193,186,1)));
  5.     background: url('img/map.png') no-repeat 50% 50%,-webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%);
  6.     background: url('img/map.png') no-repeat 50% 50%,-o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%);
  7.     background: url('img/map.png') no-repeat 50% 50%,-ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%);
  8.     background: url('img/map.png') no-repeat 50% 50%,radial-gradient(ellipse at center,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%);
  9.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c1ba',GradientType=1 );
  10.     background-attachment: fixed;
  11.     width:100%;
  12.     height:100%;
  13.     overflow: hidden;
  14.     color:#FFF;
  15. }
  16. .logo{
  17.     width:534px;
  18.     height:112px;
  19.     margin: 0 auto;
  20.     margin-top: 10px;
  21.     background: url('img/logo.png') no-repeat;
  22. }
Código HTML:
Ver original
  1. <section class="contenido" id="informacion">            
  2.             <article class="logo"></article>
  3.             <article class="info">
  4.                 <article class="separa"></article>
  5.                 <article class="direccion">                    
  6.                 </article>
  7.                 <article class="desarrollo">
  8.                     <p><strong>Web en construcci&oacute;n </strong></p>
  9.                     <img src="img/desarrollo.png" /></a>                    
  10.                 </article>
  11.                 <article class="limpia"></article>
  12.             </article>
  13.         </section>
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #2 (permalink)  
Antiguo 24/04/2013, 05:41
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 13 años, 7 meses
Puntos: 14
Respuesta: Problema con Internet Explorer (cómo no...)

Hay otra cosa que tampoco me está dibujando cuando veo versiones por debajo de la versión 9.....el bloque que veis arriba

Código HTML:
Ver original
  1. <article class=separa"></article>

no me lo está pintando y aparte, no me está respetando los float de los bloques direccion y desarrollo ya que he puesto justo debajo este código:

Código HTML:
Ver original
  1. <article class="limpia"></article>
  2.                 <article class="navegadores">
  3.                     Recomendamos usar Mozilla Firefox, Google Chrome, Opera, Safari o Internet Explorer v.9 en adelante.
  4.                 </article>

y el texto de "navegadores" me lo mete en el bloque "desarrollo"....

ofus.....se quedaron a gusto con ie....
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #3 (permalink)  
Antiguo 24/04/2013, 05:51
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Problema con Internet Explorer (cómo no...)

Para tu segunda duda, IE8 e inferiores no soportan HTML5, por lo que no reconocen o muetran por defecto los elementos semánticos, como article, como elementos en linea. Se suele usar el script HTML5shim para que se reconozcan y muestren correctamente estos elementos en IE8 e inferiores.

Ahora, no s demasiado semántico usar article xomo lo estás haciendo. Usa div, que no tienen un significado semántico concreto como sí lo tienen article.

Para la primera duda no sabría decirte, no uso IE.
  #4 (permalink)  
Antiguo 24/04/2013, 05:55
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 13 años, 7 meses
Puntos: 14
Respuesta: Problema con Internet Explorer (cómo no...)

Cita:
Iniciado por pzin Ver Mensaje
Para tu segunda duda, IE8 e inferiores no soportan HTML5, por lo que no reconocen o muetran por defecto los elementos semánticos, como article, como elementos en linea. Se suele usar el script HTML5shim para que se reconozcan y muestren correctamente estos elementos en IE8 e inferiores.

Ahora, no s demasiado semántico usar article xomo lo estás haciendo. Usa div, que no tienen un significado semántico concreto como sí lo tienen article.

Para la primera duda no sabría decirte, no uso IE.
Sí tienes razón que no detectan HTML 5 pero tengo puesto (si conocéis otra forma mejor me lo decís y lo uso ;) ) este script para que me genere los tags:

Código Javascript:
Ver original
  1. <!--[if lt IE 9]>
  2.         <script type="text/javascript">
  3.            document.createElement("nav");
  4.            document.createElement("header");
  5.            document.createElement("footer");
  6.            document.createElement("section");
  7.            document.createElement("article");
  8.            document.createElement("aside");
  9.            document.createElement("hgroup");
  10.         </script>
  11.         <![endif]-->

En cuanto al resto....no sé por qué me sigue sin coger el fondo....como me toque mucho las narices, hago un script o algo que me muestre un mensaje tipo "No uses ie!!!!! " xD
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #5 (permalink)  
Antiguo 24/04/2013, 06:00
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Problema con Internet Explorer (cómo no...)

Pero tienes que especificar también que esos elementos se vean en forma de bloque, ya que si no, lo harán como elementos en linea y te surgirá el problema que precisamente tienes.

Código CSS:
Ver original
  1. header,nav,footer,etc... {
  2.   display: block;
  3. }

Es lo que. hace también HTML5shim, inyectando el CSS en el documento.

Etiquetas: contenido, explorer, internet
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 10:29.