Taille minimum pour un background

Bonjour à tous,
J'ai modifié le CSS de mon thème wordpress pour faire en sorte qu'une image apparaisse en arrière plan de mes articles, j'ai fixé la hauteur de mon contenant pour que l'image puisse apparaitre en entière :

Code:

---

1 2 3 4 5 6 7 8 9 10

{ background-image: url(images/postbg.jpg); background-repeat: repeat-y; float: left; width: 651px; height: 300px; padding-right: 25px; padding-left: 25px; clear: both; }

---

Mon soucis est le suivant, quand mon texte est plus long il sort de son <div>...

J'aimerai savoir comment faire pour que le "cadre" lui s'agrandisse et laisse mon image background à la bonne hauteur ?

En me relisant je ne sais pas si mon explication est très clair... :mouarf:

Pour ceux qui m'aurait compris merci d'avance ;)

Tu ajoutes

Code:

---

overflow: hidden;

---

au conteneur parent du div qui possède le background-image.

Merci beaucoup de m'avoir mis sur la piste après une petite recherche j'ai opté pour :

Code:

---

1 2	overflow-y : scroll;

---

Et ça donne exactement le résultat que je voulais :king:

Re :(

Bon comme je le disais dans le poste précèdent mon soucis était bien resolu oui mais seulement dans mon petit univers de Linuxien :?

Je me suis installé Virtual Box pour tester et mon thème sous ie est tout "pourave"
http://accel21.mettre-put-idata.over...-standards.jpg

Il me met un scroll horizontal il m'affiche pas la bonne hauteur de l'image etc...

Quelqu'un a un remède miracle :( Mon site s'adresse à un public qui n'a pas forcement de grosses compétences informatique et la plus part doivent utiliser MIE...

http://torrniquett.fr

Merci :)


P.S Excusez moi je me suis énervé précipitamment contre Cro$oft je pars toujours un peu vite dans ce genre de bat ;)

J'ai résolu en parti mon soucis en ajoutant quelques instruction à mon CSS :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

.post_index { float: left; width: 610px; height: 300px; overflow-y : scroll; overflow-x : hidden; padding-right: 15px; padding-left: 25px; background-image: url(images/postbg.jpg); background-repeat: no-repeat; }

---

Il me reste juste à résoudre le soucis pour fixer le background :) ça doit pas être bien compliqué excusez moi encore :D

Après quelques recherches la solution aurait été :

Code:

---

background-attachement: fixed;

---

mais ça ne fonctionne pas sur MIE7 :(

J'ai essayé avec

Code:

---

<script type="text/javascript" src="fixed.js"></script>

---

dans mon header avec le script :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

<script type="text/javascript"> // <![CDATA[         function fixed_back(select,offX,offY){                 if (offX.lastIndexOf("%") != -1){                         var img = new Image();                         img.src = select.currentStyle.backgroundImage.substring(5,Number(select.currentStyle.backgroundImage.length-2));                         var tempX = Number(offX.substring(0,offX.lastIndexOf("%")));                         tempX = Number((((document.documentElement.clientWidth-img.width)*tempX)/100)+document.documentElement.scrollLeft-select.offsetLeft)+'px';                 } else {                         var tempX = Number(offX.split("px")[0]); tempX = Number(tempX+document.documentElement.scrollLeft-select.offsetLeft)+'px'; } if (offY.lastIndexOf("%") != -1){ var img = new Image(); img.src = select.currentStyle.backgroundImage.substring(5,Number(select.currentStyle.backgroundImage.length-2)); var tempY = Number(offY.substring(0,offY.lastIndexOf("%"))); tempY = Number((((document.documentElement.clientHeight-img.height)*tempY)/100)+document.documentElement.scrollTop-select.offsetTop)+'px'; } else { var tempY = Number(offY.split("px")[0]); tempY = Number(tempY+document.documentElement.scrollTop-select.offsetTop)+'px'; } return tempX+' '+tempY; } // ]]> </script>

---

Mais ça ne me donne pas le bon résultat non plus :evilred:

Dans ce cas là crée une image de fond plus grande, comprenant les parties hautes et basses du message, et ne mets pas le fond fixe sur le message qui a les scrollbars, mais sur un div englobant ton post-top, post-index et post-bottom et du coup il n'a plus besoin d'être fixe.

Merci de ta réponse, mais ça ne me semble plus un contournement qu'une solution non ? Avec cette manip je n'aurais plus le même résultat sur moteur Gecko ?

Il n'y a vraiment aucun moyen de faire comprendre à MSIE de fixer mon background 8O

Et plus étrange je lis un peu partout que IE7 devrait comprendre l'instruction

Code:

---

background-attachement: fixed;

---

Mais je ne suis pas fou ça ne marche pas ? :P

Elle fonctionne correctement sur le body, et non sur un élément avec un overflow.

Et ma solution n'est pas un contournement, c'est une autre manière de penser qui fonctionne également sur les moteurs Gecko. :)

et en utilisant :

Code:

---

<div class="post_index" style="background-attachment:fixed;">

---

J'obtiens un resultat étrange mais le même sur IE et Gecko peut être une piste non ?

Dans ton css, à l'intérieur de ta classe post_index, tu as mis un "e" en trop à

Code:

---

background-attachement: fixed;

---

Il faut aussi supprimer le style que tu as mis ici :

Code:

---

<div class="post_content" style="background-attachment:fixed;">

---

Le background-attachment s'appliquant au div qui possède le background-image (post_index et non post_content).

EDIT: Rien dit ! :mrgreen:

:mrgreen: Je me disais aussi :P

Personne à une solution pour tester son site sur différente version de IE avec linux sinon ?

Je teste en Virtualbox et c'est vraiment pas l'idéal :S