Imágenes en los div que se autoajustan, no se ajustan evidentemente. ¿Hay solución?

[pzin]

Estoy echándole un poco de mano a un proyecto que lleva tres años en mi cabeza, y hace unos meses empecé a hacerlo poco a poco.

Bueno, hace unas semanas, arreglé bastantes cosas para que se pudiera ver todas las páginas de la futura web en cualquier resolución sin que aparezca un scroll horizontal.
El problema es que, he puesto una imagen (un anuncio de prueba) en un div que se autoajusta a la resolución que se tenga. Éste anuncio, se verá bien con una resolución de 1024*768, pero al cambiar la resolución, pues la capa se autoajusta, pero la imagen del anuncio sale de la pantalla, de lo que es visible quiero decir.

He pensado en "poner" la imagen como fondo de la capa, pero tampoco quiero hacer eso porque se cortaría la imagen.

¿Alguien sabe alguna solución?

[AlvaroG]

¿cambiar el tamaño con javascript?
podría ser una solución si pudieras probarlo en varias resoluciones....
al menos una solución primaria.

Saludos.

[pzin]

Bueno, sería una buena alternativa. Pero, claro, es innaccesible.
Algún rollo de capas, o no sé...

[fullmental]

que tal si la pones de fondo de una capa (div) y de ancho le pones porcentaje???.....

toma en cuenta que cualquier imágen incluso con otras soluciones al cambiarla de tamaño se verá pixeleada.

[pzin]

En el primer post quise decir eso, poner de fondo de capa la imagen (lo acabo de editar), pero que eso para una imagen que debe de verse completamente no es bueno.

El caso es que, le he dado mil vueltas, y cualquier solución tiene un "pero", y siempre es que o no se ve la imagen entera en todas las resoluciones, o es inaacesible, o que la imagen se mueve hacia donde no debe, etc etc...

¿Es imposible poner imágenes y que se vean bien sin que pase algo raro en cualquier resolución?

[gonzalezmfrank]

De verdad no conozco una solucion del tipo que sugieres..., lo que he tenido que hacer en los proyectos es definir imagenes segun los diferentes tipos de resoluciones y hacer los llamados a los archivos css segun la resolucion

Si consigues por favor una solucion a tu inquietud trata de publicarla en las FAQ

Saludos Cordiales

Frank

[man0l0]

¿tienes un ejemplo de lo que estás intentando hacer?

Salu2

[pzin]

Tengo la página colgada en www.lanzaroteportal.com/inicio.

Si haceis la ventana mas pequeña, vereis como lo de "Puerto Pepe" sale de la capa. Y esto es lo que quiero evitar.

[webosiris]

por lo visto, creo que tenés 3 soluciones.
1) Poner la imagen como fondo de la capa, aunque no sería semántico (la imagen forma parte del contenido, no es decoración).
2) Que la imagen tenga un width del 100% para que siempre mida el 100% del div publicidad. Acá tenes que tener en cuenta que, para que no se pixele, la imagen tiene que ser grande.
3) Hacer que el div columna_derecha tenga un ancho fijo, no en %.

PD: te está quedando muy buena la web

[pzin]

Hola weborisis.

Gracias por la respuesta.

La primera opción que me das, aparte del problema de la semántica, se cortaría al haber una resolución pequeña.
Con la tercera opción, la de ponerle un ancho fijo a columna-derecha, sería un problema para columna-izquierda, ya que la capa de noticias se quedaría demasiado pequeño si se usa una resolución pequeña. Que por cierto, con resolución pequeña me refiero a 800*600.

He probado con la segunda opción, y creo que me quedaré con ella. Aunque, queda algo raro la imagen, sobrepixelada tal vez se le pueda llamar. Pero bueno, nada mejor se puede hacer.

En IE, que acabo de probarlo, va de pena, porque toma el 100% de otra cosa, supongo de otra capa superior. Pero bueno, empezaré a preocuparme por eso cuando IE se lo merezca; al final.

Muchas gracias por la ayuda.

PD: Que dificil (de que da mucho trabajo) es hacer una web con CSS. Aunque merece la pena.

[man0l0]

Iniciado por BoNeZ

PD: Que dificil (de que da mucho trabajo) es hacer una web con CSS. Aunque merece la pena.

Opino exactamente lo mismo , aunque más bien creo que la complicación va en la existencia de Internet Explorer!, maldito IE, y a mi que me gustan tanto los png's transparentes :P, obligado a usar los 'hacks'.



Saludos!