Appliquer l'overflow a une image dans une div

Fermé
Cecil_ Messages postés 9 Date d'inscription jeudi 18 mars 2010 Statut Membre Dernière intervention 11 mai 2011 - 2 oct. 2010 à 20:32
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 - 2 oct. 2010 à 20:54
Bonjour,

Je fais mon tout premier site internet et j'ai un soucis. J'ai une div dans laquelle j'ai plusieurs vignettes image. Comme il y en a beaucoup, j'ai mis un overflow:auto et l'ont peut scroller dans ma div sans soucis pour pouvoir avoir acces a toutes les vignettes. Pour une seconde page, j'ai dans ma div juste une image jpg qui rentre tres bien en largeur mais qui est trop grande en hauteur. Je ne veux pas du tout l'ajuster a ma div et non plus agrandir ma div, j'aimerais juste que comme pour mes sections avec des vignettes on puisse scroller verticalement pour voir l'integralite de l'image. Bien sur le scroll ne marche pas... Est ce que cela vient du fait qu'il n'y ai qu'une image dans ma div ?


Voici mon code :

HTML:
<div id="pagelivraison">

</div>

CSS:

#pagelivraison {
background:url(img/livraison.jpg) no-repeat;
overflow:auto;
width:720px;
height:443px;

}


Mon image se rogne en 720/443 ...

Merci d'avance pour votre aide


1 réponse

le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 1 056
2 oct. 2010 à 20:54
Salut !

Met plutôt le css en "overflow: scroll;".
Ensuite, ce système ne marche que pour les images insérés en HTML, avec la balise <img src="" alt="" />.

Ici, tu semble mettre ton image en fond via du CSS. Ça ne marche pas.

J'ai bien une autre solution, mais j'aurais besoin des dimensions de ton image.
0