Tema: Código Html simple para iPhone y Ipod touch
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/05/2010, 06:51
dpbataller
 
Fecha de Ingreso: agosto-2009
Mensajes: 134
Antigüedad: 15 años, 3 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. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=320, user-scalable=yes">
  6.  
  7. <link rel="stylesheet" href="estilos.css" type="text/css" media="screen" />
  8. <title>Documento sin tÃ*tulo</title>
  9.  
  10. </head>
  11.  
  12. <body>
  13.     
  14.     <div id="header">
  15.         Se ve la cabecera?
  16.     </div>
  17.   
  18. </body>
  19. </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!