Como diseñar esto?

[jakijem]

Tengo que hacer un diseño en 3 columnas, pero el diseñador ha puesto una imagen que tiene que ir alineada a la derecha (una salpicadura que sale de la derecha),

la duda es como hacerlo:

- hacerlo con las 3 columnas, (fija, flexible, fija) que ocupen toda la pantalla: cuando se aumente la resolución del monitor a 1600 o 1920px de ancho, por ejemplo, la columna central se quedaria demasiado grande para el poco contenido que tiene (apenas 3 parrafos y un fondo de imagen pequeño)



- O hacerlo a tamaño fijo de las 3 columnas, y centrarlo, aunque se quede el salpicon cortado por la derecha...



¿Que opinais?

¿Hay alguna otra forma de hacerlo?

[Womp]

Puedes variar el tamaño de la imagen mediante porcentaje "width:50%" "height:50%" dependiendo de en que resolución la vayas a mostrar, de esta manera la mancha de agua tapará tu texto y siempre se escalará a la resolución óptima.

PD: Pregúntale al diseñador si eso que quiere hacer tiene algún sentido o realmente importante, esas pijadas suelen sobrar si se quiere hacer un buen sitio web.

[siddartha23]

Creo que la imagen que nos muestras no es buena referencia ya que solo muestra un pequeño detalle dentro de la composición completa, no podríamos decirte que tan bien se ve la salpicadura de agua cortada o sin cortar sin ver los demás elementos.

Por otro lado yo solo haría una página a pantalla completa si es que el contenido es bastante y fluído como para no dejar huecos que den la sensación de que la web se encuentra incompleta.

[jakijem]

no, no me has entendido, el problema no es que el salpicon tape o no el texto, de hecho va sobre una zona (en la columna) que no tiene nada de texto. No es necesario redimensaionarlo (excepto para responsive en dispositivos pequeños).

La cuestión es si hacer una cosa: columa derecha fija y la columna central flexible, con las consecuencias que tiene cuando se ve en un monitor grande, de mas de 1280 (opción 1)

u otra: las tres columnas a tamaño fijo, y centradas en el monitor, con lo que el salpicon se queda "cortado" por la derecha...(oción 2)

Es solo una cuestión de gustos, ?que preferis?

[alzacon]

Te parecera una simple cuestión de gustos, pero para formarse una opinión hay que ver algo más del diseño. Trabajando con diseñador, lo suyo es plantearle la situación y que él decida.

[jakijem]

Bueno, en realidad es una cuestión no solo estetica sino funcional, en eso estoy de acuerdo. Sin embargo la posibilidad de consultar al diseñador no esta disponible.

Además se trata de un diseñador sin experiencia en web, de hecho el hizo un diseño para un triptico, con medidas de pantalla completa (1024 x 768), sin tener en cuenta el espacio que ocupan las barras de navegación, dirección, etc...

Por otra parte, coincido con siddharta23 en que si la web no tiene demasiado contenido no vale la pena hacerla a pantalla completa.

[Germano6]

Podrías poner una capa para centrar el contenido dentro de la columna del medio tal que así, de modo que divides el espacio que quedaba en dos más pequeños. También podrías hacer las columnas de los lados más anchas. Espero te sirva

[jakijem]

Iniciado por Germano6

Podrías poner una capa para centrar el contenido dentro de la columna del medio tal que así, de modo que divides el espacio que quedaba en dos más pequeños. También podrías hacer las columnas de los lados más anchas. Espero te sirva

Esa seria una opción, pero resulta que los tengo los elementos de la columna central posicionados con absolute, ¿cómo podria hacerlo para que conserven su posición (no su posición absoluta, sino relativa a la columna central)?

[Germano6]

Iniciado por jakijem

Esa seria una opción, pero resulta que los tengo los elementos de la columna central posicionados con absolute, ¿cómo podria hacerlo para que conserven su posición (no su posición absoluta, sino relativa a la columna central)?

A la nueva capa contenedora le puedes dar position:relative para que los objetos con posicionamiento absoluto del contenido lo tengan ahora con respecto a la capa contenedora. No sé si esto contesta tu pregunta.