Discussion :

[Scalp85]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

Pour ceux qui m'aurait compris merci d'avance

[desert]

Tu ajoutes

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

overflow: hidden;

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

[Scalp85]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
overflow-y : scroll;

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

[Scalp85]

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"


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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background-attachement: fixed;

mais ça ne fonctionne pas sur MIE7

J'ai essayé avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

dans mon header avec le script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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