Div avec background dont la taille s'adapte à une image
Salut à tous !
Je voudrais faire une div qui a en background-repeat cette image :
http://www.vincentleroux.fr/images/fondphotor.jpg
( Bon, un peu dur à voir, c'est juste une image de 4 par 4px qui une fois répétée fait un fond hachuré, fin voilà. )
Voilà le code de la div :
Code:
1
2
3
4
5
6
7
8
9
|
#photo {
width:auto;
height:auto;
margin:auto; (pour centrer la div)
padding:10px;
background-image:url(images/fondphotor.JPG);
background-repeat:repeat;
} |
Je voudrais que quelque soit l'image que cette div contient, celle-ci adapte sa taille et que le background se cale bien avec le padding comme il faut. Et evidement ca ne marche pas ! :/
La plupart de mes images sont en 660x460, donc avec mon padding de 10px ma div est normalement en 680x680 et ca passe nikel avec les images qui correspondent.
Quand je met les tailles de ma div en auto, c'est à peu près bon avec les images en 660x460 mais la div est un peu trop longue en dessous de l'image.
Comme ceci :
http://www.vincentleroux.fr/english/...epackaging.php
Par contre avec d'autres images en 432x460, la div dépasse complètement à droite comme ceci :
http://www.vincentleroux.fr/english/.../teddybear.php
Voilà !
Auriez vous une idée ? :)
Merci d'avance !
