Posicionamiento CSS y cambio de tamaño de fotos

Tengo problemas con el posicionamiento y el cambio de tamaño de la foto. Aquí está la imagen:

enter image description here

1 bloque: es una foto y siempre debe estar visible todo (¡sin barra de desplazamiento!), Y el tamaño de los bloques 2 y 3 depende del tamaño de la ventana. ¿Cómo debo hacer eso?

preguntado el 02 de febrero de 12 a las 11:02

prueba la tabla con 3 filas y 3 columnas. -

2 Respuestas

Acabo de jugar.

Prueba con esto.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
   $(document).ready(function() {
     $photoheight = $('.photo').css('width');
     $('.photo').css('height', $photoheight);
     $(window).resize(function(){
       $photoheight = $('.photo').css('width');
       $('.photo').css('height', $photoheight);

       });
     });
</script>
<style>
.photo {
        min-width:200px;
        width:25%; 
        max-width:400px;
        background-image:url('http://4.bp.blogspot.com/-KWHpPk4f-kM/TdZY_dxWMRI/AAAAAAAAADc/6FHVzBLY-4o/s1600/flower-1.jpg');
        background-position:center center;}
</style>


<body>
<div class="photo"></div>

</body>
</html>

Respondido 02 Feb 12, 16:02

Puede usar el ancho mínimo y el ancho máximo si coloca y centra la imagen con CSS, pero no sé cómo podría hacerlo verticalmente.

Posiblemente script JavaScript / jQuery.

Respondido 02 Feb 12, 16:02

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