Problemas de visualización de web de scroll horizontal

[rw523252]

Hola chicos, hace semanas que estoy con este problema, en mi pc de escritorio, se ve de una forma, (monitor de 21'), en la notebook de otra (15'), en el celular de otra.

Le puse unos links jquerys, para que sean visualizadas bien en diferentes resoluciones, pero no puedo conseguir un avance.

Los jquerys son:

<script src="//rezitech.github.com/syze/syze.min.js"></script>

<script type="text/javascript">
//<![CDATA[
if((navigator.userAgent.match(/MSIE/i)) || (navigator.userAgent.match(/Chrome/i)) || (navigator.userAgent.match(/Firefox/i))) {
document.write('<style type="text/css" media="screen">#header{font-family:Verdana;font-size:16px;width:90%;}</style>');
}
//]]>
</script>

La altura la puse al 100%, y me manejo con porcentajes para ubicar los divs, el ancho, lo puse en px, 1680, y el total, son cinco pantallas es de 8400px.

La web esta en http://www.ver.uphero.com . Espero me puedan dar una ayuda, desde ya muchas gracias! Saludos!

[NSD]

hola, si tu problema es como lo redimensionas con jquery talvez debas mover el tema a javascript que te pueden ayudar mas, por otro lado dado que la parte atractiva de esa web es el efecto que se da al pasar por los menu te sugiero desactibar la barra de scroll sino puede moverse manualmente y al quedar en lugares intermedios se pierde un poco el atractivo.

Código CSS:

body{ overflow-x:hidden; }
 

lo que yo haria para no complicar tanto con plugins seria en cada seccion poner el contenido dentro de los primeros 950px y los restantes para completar los 1680 dejar un color liso de fondo, eso no quedaria mal y te ahorras de usar plug-in y se vera igual en todos los monitores, en todo caso del lado derecho como fondo pon algun imagen si no te gusta el color liso y si tu visitante tiene un monitor grande la vera y sino solo vera el contenido importante, espero te sirva,
saludos