28172 sujets

CSS et mise en forme, CSS3

Question background image bottom [résolu]

bonjour
petite question concernant une image background sur une div en footer.
mon site (local) est fluide en hauteur, et en bas de site j'ai une div avec une image.
tout va bien sauf sur grand écran (30 pouces ce que j'ai et +), en fait la div en question colle en bas du contenu mais pas en bas de l'écran, ce qui n'est pas esthétique, car c'est une image qui s'arrête net, peux pas faire mieux

j'ai essayé body height 100%... rien de concluant

en fait pour ma div footer (class city) le mieux est position: absolute, là elle colle en bas de l'écran mais n'est plus fluide quand j'agrandis mon texte du site

bon un bout de code pour mieux cerner Smiley biggrin 

</div><!--global fin du contenu-->
<a name="bas"/></a>
<div class="city"> </div>
</body>




.city{	
margin:0  auto; 
 width:100%;      
float:left;    
height:174px;
background:transparent url(../images/fnd2.png) repeat-x 0px 0px ;}


j'ai essayé des background position etc, mais je n'arrive pas à allier les deux:
bas de l'écran (pas du contenu ça c'est ok)
fluide en hauteur quand j'agrandis le site

j'ai pensé faire des div coulissantes, mais je m'y suis emmêlé


je précise que j'ai déjà une image de fond en background

espérant que quelqu'un pourra m'apprendre
merci

maya upload/28002-footer.jpg
Modifié par dariusetmaya (31 May 2011 - 11:30)
Essayes 

background:transparent url(../images/fnd2.png) repeat-x 100% 100%; }


ou alors tu peux mettre ton background de bas de page sur ta balise html et body (jouer avec ces deux).

A+
merci Vincent_nk mais hélas cela n'a rien changé

j'ai essayé dans body et html comme suggéré..sans succès.
bon ce n'est pas si grave après tout, quand on a un grand écran on a l'habitude de voir des trucs pas très beau sur les sites!
je voulais essayer de faire un peu mieux
maya
merci Vaxilart

je pense effectivement que mon problème vient de là, même si j'ai essayé de le résoudre sans succès

apparemment, j'ai viré les éléments 1 par un voir lequel "buggait", je pense que vu que j'ai des boutons pour agrandir le texte , il doit y avoir un script qui me mets par défaut la hauteur avec le texte déjà agrandi ou un truc du genre.
je vous remercie et passe en résolu (même si ce n'est pas le cas) car l'erreur vient de moi.
merci encore à toutes et tous.
maya
Sujet clos
Aller à