Cambiar el tamaño a 1024px produce una barra de desplazamiento horizontal... pero todos los divs miden 1024px

Necesito algo de ayuda:

http://www.stansellelectric.com

Si va a cualquier página de este sitio web y cambia el tamaño de su monitor (o navegador Firefox si usa la barra de herramientas del desarrollador web) a 1024x768, aparecerá una barra de desplazamiento horizontal tanto en el div #contentwrap como en la página misma. Ahora, aumentar el ancho de la ventana a 1039 px soluciona esto, sin embargo, necesito que permanezca en 1024 px y no tenga una barra de desplazamiento en ninguna parte.

Estoy atascado, ayuda por favor?

preguntado el 12 de junio de 12 a las 21:06

1 Respuestas

1024 píxeles es el ancho total de la pantalla.

Para que el contenido quepa en una pantalla de 1024 píxeles, debe tener en cuenta el vertical barra de desplazamiento (generalmente 16-24px de ancho) y (en algunos navegadores) el borde de la ventana. Estos quitarán espacio horizontal.

En pocas palabras: debe usar un ancho más pequeño para su contenido que 1024 píxeles. Un número que es popular entre los diseñadores es el de 960 píxeles, también porque se puede dividir en partes iguales; es utilizado, por ejemplo, por el 960 sistema de rejilla, un marco CSS popular.

Sin embargo, según mi experiencia, un número ligeramente superior (como 980 o incluso 1000) también funcionará bien para la mayoría de los dispositivos.

Respondido el 12 de junio de 12 a las 21:06

Antes de intentar cuestionar eso, necesito un poco más de información sobre lo que quieres decir. Lo siento, estaba un poco confundido con lo que dijiste: TTUGoldFOX

@TTU Lo edité un poco para que quede más claro, ¿te funciona? - Pekka

Esta es una buena respuesta. Más una restricción de diseño, o algo a tener en cuenta. - cristobal marshall

Sí, tiene perfecto sentido ahora. Eliminé la barra de desplazamiento vertical dinámicamente con Firebug y la horizontal también desapareció. Ahora tengo que reestructurar un poco el código, jajaja. ¡Muy apreciado! - TTUGoldFOX

Como se indicó, asegúrese de reducir siempre la cantidad de píxeles para los que está diseñando. Incluso hay algunos monitores que hacen cosas extrañas en las que, aunque la resolución es 1024, cortan una parte. Al diseñar para un ancho de 1024, según mi experiencia, 1000 px es lo más alto que debe elegir. Eso generalmente se encarga del desplazamiento vertical y la mayoría de las cosas raras que hacen los monitores. - Tony318

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.