[Résolu] Question sur le tuto Réalisation d'un design complet en 5 ét

Bonjour,

Débutant, je m'exerce en effectuant les (superbes) tuto d'alsacréations et je me pose une question sur le gestion de l'image de fond utilisé dans le tuto dans la section contenu.

div#contenu
{
	padding: 0 30px 0 100px ;
	background: url(bg_page.gif) no-repeat 15px 15px ;
}

Si la longueur du texte du container "contenu" est inférieur à la longueur de l'image, cette image est tronquée.
Existe t'il une technique afin que cette image ne soit pas tronqué (en évitant de remplir la page de <br> )

Merci
Modifié par Babali (06 Feb 2009 - 14:25)

Salut,

pour qu'un bloc ait une hauteur minimale on utilise la propriété css min-height. Pour que cela fonctionne également pour les versions d'IE < 7 voir l'astuce Min-width, max-width, min-height et max-height sur Internet Explorer 6.

Merci pour cette réponse ! Je teste cela de suite.

Après quelques tatonnements, voici une solution qui marche en IE5 et IE6.
Il faut insérer dans la définition du bloc qui contient l'image dans la feuille de style CSS ceci :

min-height: 500px;
height: expression(this.height >= this.height < 500 ? 500 : true);

Pas besoin d'insérer de javascript dans la page html ou php.

Heu... pour un min-height, il suffit d'utiliser un height via un commentaire conditionnel pour IE6 (IE5, 2009... no comment). C'est propre, ça évite d'avoir une portion de code invalide, ça vise uniquement le navigateur fautif (papy IE6), et ça ne pose pas le problème de performances d'un expression en CSS.

Je vais faire cela; comme cela ce sera plus propre.
Problème résolu.

Babali a écrit :
Je vais faire cela; comme cela ce sera plus propre.
Problème résolu.

Bravo
N'hésite pas à le signaler vraiment comme [Résolu] alors