Foros del Web » Creando para Internet » HTML »

Código Html simple para iPhone y Ipod touch

Estas en el tema de Código Html simple para iPhone y Ipod touch en el foro de HTML en Foros del Web. Hola! estoy iniciandome en la programación web para dispositivos móviles y tengo un pequeño problema. Tras subir el simplísimo código HTML y Css de una ...
  #1 (permalink)  
Antiguo 31/05/2010, 07:51
 
Fecha de Ingreso: agosto-2009
Mensajes: 134
Antigüedad: 8 años, 4 meses
Puntos: 3
Código Html simple para iPhone y Ipod touch

Hola! estoy iniciandome en la programación web para dispositivos móviles y tengo un pequeño problema.

Tras subir el simplísimo código HTML y Css de una pequeña prueba para iphone me doy cuenta que ni en el dispositivo móvil ni el portátil aparece como debe aparecer...

Éste el código html

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <meta name="viewport" content="width=320, user-scalable=yes">
  5.  
  6. <link rel="stylesheet" href="estilos.css" type="text/css" media="screen" />
  7. <title>Documento sin tÃ*tulo</title>
  8.  
  9. </head>
  10.  
  11.    
  12.     <div id="header">
  13.         Se ve la cabecera?
  14.     </div>
  15.  
  16. </body>
  17. </html>


y éste el css

Código CSS:
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4.  
  5.  
  6. @media screen and (max-device-width: 480px){
  7.    
  8.         body{
  9.             background-color:#EFEFEF;
  10.         }
  11.        
  12.        
  13.         #header{
  14.             width:100%;
  15.             height:30px;
  16.             background-color:#333;
  17.         }
  18. }


la URL del site es www.iphonetest.zobyhost.com, comprobar como no se marca el header con el color #eee alguién imagina por que?,está bien el metatag? no se que falla....
GRACIAS!
  #2 (permalink)  
Antiguo 31/05/2010, 08:01
 
Fecha de Ingreso: abril-2010
Mensajes: 50
Antigüedad: 7 años, 8 meses
Puntos: 0
Respuesta: Código Html simple para iPhone y Ipod touch

Oye no estoy seguro pero depronto el problema no esta en q el #EFEFEF no es un color sugerir que color te gustaria o intenta cambiando el mismo color puedes probar con
Gris=#666666
Negro=#000000
Blanco=#FFFFFF
y Asi Por el estilo espero haberte ayudado
solo cambia
Código CSS:
Ver original
  1. body{
  2.  
  3.             background-color:#EFEFEF;
  4.  
  5.         }
por
Código CSS:
Ver original
  1. #
  2.   body{
  3.  
  4.             background-color:#000000;
  5.  
  6.         }
  #3 (permalink)  
Antiguo 31/05/2010, 14:22
 
Fecha de Ingreso: agosto-2009
Mensajes: 134
Antigüedad: 8 años, 4 meses
Puntos: 3
Respuesta: Código Html simple para iPhone y Ipod touch

En principio al cambiar esto

@media screen and (max-device-width: 480px){}

funciona... seguiré adelante! Gracias!

Etiquetas: iphone, ipod, simple, touch
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 05:37.