Según vosotros ¿Es mejor diseñar webs con porcenajes o con píxeles?

[schattenburg]

Hola a todos, os hago esta pregunta porque estoy diseñando las webs siempre con porcentajes para que se adapten al tamaño de cada monitor. Como hay tantas resoluciones y tamaños diferentes de monitores es lo que considero lo mejor. El problema es que al hacerlo así muchas veces las imágenes quedan deformadas o los contenidos alargados, quedando feo.

Me estoy planteando hacerlo con un tamaño predefinido de píxeles, es decir, diseñar la web por ejemplo para 1024 píxeles y que se centre en la pantalla, pero de esta manera en monitores grandísimos quedará ridículo una miniweb en el centro con muchísimo espacio a los alrededores.

¿Qué solución soléis utilizar vosotros? ¿Cuál es la mejor opción?

Gracias

[pzin]

Habitualmente es mejor trabajar con porcentajes. Pero para la estructura por lo general. Lo demás puedes hacerlo en píxeles si quieres. Aunque habría que ver qué es lo que se te deforma, un ejemplo funcional y práctico. Por lo general hay muchas soluciones a todos los problemas.

[secretcode]

Trabaja con porcentajes y utiliza un ancho maximo y minimo, asi solucionas muchas cosas

[CircuitoX]

Yo generalmente uso los 2, lo defino mediante un archivo general style.css y para adaptarlo a diferentes tipos de resolución de pantalla uso CSS media queries.

[Tedel]

Yo no uso porcentajes. Uso pixeles para anchos fijos y puntos para anchos variables.

[pzin]

Iniciado por Tedel

Yo no uso porcentajes. Uso pixeles para anchos fijos y puntos para anchos variables.

Puntos también es una medida fija, no variable.

[Tedel]

Creo que no me expliqué correctamente. Aquí un ejemplo:

Código:

<div style="margin: 0 auto; position: relative; max-width: 1200px">
<article style="position: absolute; top: 100px; left: 0; right: 310px"></article>
<aside style="position: absolute; top: 100; right: 0; width: 300px"></aside>
</div>

Usando este código, el div que centra se adapta al ancho de la pantalla; el sidebar (aside) se queda al lado derecho y mide siembre 300px de ancho; y el artículo del post se adapta al ancho de la pantalla, dejando los 300 pixeles del sidebar y un margen de 10 pixeles entre el sidebar y el artículo.

Espero que haya quedado más claro ahora. Lo que quise decir es que no necesitas usar o ancho en pixeles o en porcentaje. Si indicas los puntos de inicio o término del cuadro, la computadora/ordenador hace el cálculo por ti.