maquetar tablet movil espacio en blanco

Muy buenas,
Es la primera vez que posteo en este foro.
Siempre me había dirigido a los de programación. Pero ahora necesitaría que me echarais una manita.

Resulta que tengo una maquetación de una web (alpuch.seiyajapon.com), que al verse en tablets y móviles me deja un espacio en blanco a la derecha.
Es decir, si la pantalla tiene por ejemplo un máximo de 800 pixels, hay como otros 100 a la derecha que no pertenecen al HTML ni nada que éste contenga.

No se cual puede ser el problema, pero si alguien me pudiera ayudar o dar una pista de lo que sucede, le estaría muy agradecido.

Muchas gracias!!

Un saludo,

Fran.

Creo que el problema esta en el margen del

Código HTML :

<div class="navbar span10 sidebar position-menu menu-style">

Saludos.

Ante todo muchas gracias por responder.

Tenías razón... aunque solo he podido solucionar sólo para los tamaños comprendidos entre 980px y 768px.

Para los menores me sigue ocurriendo lo mismo, pero no encuentro cual puede ser el problema.

He revisado todos los divs, pero no consigo encontrar cual es que puede tener un padding, o un margin, o lo que sea que esta causando esto.

Pero de todos modos, muchas gracias!

Un saludo,

Fran

El problema es que en varios div ocupaste valores fijos en px , en el menu hay varios por ejemplo

Código CSS :

.container, #main-content, .white{width:600px;}

Te recomiendo utilizar la herramienta firebug para firefox y vas inspeccionando div y modificando el css,


Saludos.