Borde negro al lado derecho del sitio en dispositivos móviles

[Zero23ku]

Hola, soy nuevo en el foro y necesito ayuda con lo siguiente.

Resulta que cuando visualizo este sitio desde un dispositivo móvil (tablet o celular), aparece este borde negro al lado derecho del sitio

Imágen: http://tinypic.com/r/mj64v6/6

Pero si lo visualizo desde Chrome para dispositivo móvil, dicho borde no aparece, realmente soy nuevo en esto de sitios para sitios móviles, así que no se que puede ser

http://sinate.cl/sitio/

Si sirve de algo, estoy utilizando Drupal 7 para desarrollar el sitio.

[pablolombardo]

Buenas,

En mi android 2.2 se ve bien.

Por otro lado, utilizaste el viewport?

Código HTML:

<meta name="viewport" content="width=device-width> 

Así le estarías indicando que el ancho del sitio es el ancho de la pantalla.

Espero que sirva, saludos..

[Zero23ku]

Solo por curiosidad ¿Que explorador usaste? Yo use un emulador de Android 4.1, con el explorador por defecto y se veía así, con Chrome se veía bien, también paso con una tablet Samsung, con el explorador por defecto mal, pero con Chrome bien.

Y no, no estaba usando eso, lo voy a probar, gracias!

Es la primera vez que tengo que preocuparme realmente de que el sitio sea compatible con dispositivos móviles, así que soy novato en esa área

[pablolombardo]

Usé el nativo de android. Nose el público de el sitio pero te recomiendo que instales el AVD del 2.2 en el SDK ya que es el más utilizado... tengo entendido va...

Esa etiqueta es una básica para desarrollo para móviles. Investigá al respecto.

Por otro lado, creo que la compatibilidad para móviles radica simplemente en que respetes los estándares. Ahora no es lo mismo compatibilidad que diseño para móviles. Ese sitio no está optimizado para móviles. Podés investigar sobre "responsive web design" si tenés ganas.

Saludoss.