Foros del Web » Creando para Internet » CSS »

mi web en el movil

Estas en el tema de mi web en el movil en el foro de CSS en Foros del Web. Buenas. Estoy empezando con el tema de las css y tengo una duda. En mi página web (www.jpujol.cat) llamo a 2 hojas de estilo distintas, ...
  #1 (permalink)  
Antiguo 20/01/2009, 12:28
 
Fecha de Ingreso: enero-2009
Mensajes: 5
Antigüedad: 8 años, 10 meses
Puntos: 0
mi web en el movil

Buenas.
Estoy empezando con el tema de las css y tengo una duda. En mi página web (www.jpujol.cat) llamo a 2 hojas de estilo distintas, una para ordenador y otra para móvil. El problema es que cuando accedo a ella desde el movil solo se ve la presentación para ordenador.

en la hoja de estilos (estils.css) hay dos partes (pongo un trozo de cadauna)

para móvil:

Código:
@media handheld {

   #capcelera {
	width: 50px;
	height:50px;
	background-color:#FFF;
	background-image: url(../imatges/logomobil2.gif);
   }
__________________________________________________

para ordenador:
Código:
@media screen {

   #capcelera {
	width: 975px;
	height:118px;
	background-color:#000;
	background-image: url(../imatges/fonscapcelera4.gif);
__________________________________________________

Si consulto la web desde el movil solo me tendría que llamar la hoja de handheld, no es correcto?

A ver si alguien me trae la luz.


Muchas grácias
  #2 (permalink)  
Antiguo 20/01/2009, 12:44
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: mi web en el movil

¿y cómo haces la llamada a la css para el movil en el head de la página?
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 21/01/2009, 02:41
 
Fecha de Ingreso: enero-2009
Mensajes: 5
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: mi web en el movil

En el head de la página:

Código:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Content Mind</title>
<link href='imatges/favicon.ico' rel='shortcut icon'/>
<link href='imatges/favicon.ico' rel='shortcut icon'/>
<link href="css/estils.css" rel="stylesheet" type="text/css" media="all"/>
</head>
En teoria, en la hoja estils.css (media=all), se llaman los 2 medias distintos (handheld y screen -antinguo post-).
Acabo de comprobar la visualización en otro móvil y si que me carga el estilo para handheld. Veo que es un problema de compatibilidad entre móviles (el mío es un NokiaN954Gb y el otro es un Nokia6110).
Estoy perdidísimo con todo esto!
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:45.