Pb avec une image de fond et une hauteur en %

bonsoir les couches tard

voilà jai un probleme...

.conteneur{
width:724px;
border:1px solid red;
margin:auto;
}

.banniere{
background:url('images/banniere.png') no-repeat left bottom;
height:129px;
}

.gauche{
height:80%;
width:20px;
float:left;
background:url('images/traitvertical.png') repeat-y left bottom;
}

quand je mets une hauteur en px dans .gauche ca marche nikel, mais des que je passe en % ca marche plus???
mon image que je repete fais 19x19px.
si quelqu'un trouve marci davance

Salut

% de quoi de combien ?

a ton % il lui faut une référence !
il faut donner un hauteur au parent (apparemment conteneur dans ton cas)


A+

en fait cest un % du conteneur effectivement
mais meme si je mets une hauteur:100% au conteneur, ca ne maffiche toujours pas mes images

en fait ces deux div gauche et droite font un trait via une image png, a linterieur de mon conteneur
jai donc mis deux div pour construire cette bordure autour de mon bloc central....

et ton conteneur il est dans quoi ?

verifie si ton html et ton body ont une valeur de hauteur


A+

une valeur en % ou en pixels?
parce que là les 2 en % ca marche pas ....

a tu un lien pour voir ta page ou met tous le html et CSS

http://www.pandoetlemonde.info/site2006/

merci bien si tu trouves pourquoi jai ce problème...
Modifié par akapando (06 May 2006 - 02:43)

Hello Akapando.
Si ton div parent n'a pas de hauteur fixe ton problème ne se résoudra pas.

Pour ton site tu as besoin de trois divs.
1 pour le header
1 pour le contenu central
1 pour le footer
Il est inutile de faire un div pour chaque bord de ton conteneur(.gauche et .droite)

Tu crées une image de 1pixel de hauteur sur 724px et tu l'affiches en background en la répétant verticalement dans le div centre

#centre {background: url(tonimage) repeat-y}

Modifié par Ralfman68 (06 May 2006 - 07:07)

bon merci ca avance jai bien mon contour a present

je continue le reste et je demanderai un avis eclairé sur le design
merci

Bonjour
L'image d'arrière plan sera toujours telle quelle est réellement en css (au point de vue taille) en html (html transitional (loose)) directement dans le code page: possibilité "height weight" si tu l'appliques en <img> mais pas en css background. La taille de
l'image de fond n'est pas adaptable en proportion si elle est posée en arrière plan de la div/ span/ (ou autre)
Sinon, il y a longtemps qu'on ferait des images de fond "élastiques" (ce serait cool, d'ailleurs)
<edit> quant aux blocs dont tu définis les proportions, tu ne fais que définir des blocs d'accueil de l'image
</edit>
Modifié par Aureance (07 May 2006 - 00:33)