Background-image qui couvre 100% du fond

Background-image qui couvre 100% du fond - HTML/CSS - Programmation

Marsh Posté le 14-10-2004 à 15:13:41    

Bonjour a tous  
 
Voici mon probleme :
 
J'ai un div (on peut prendre un element quelconque) avec une taille dynamique, J'ai une image de fond plus petite.
J'aimerai pouvoir etirer cette image de fond pour qu'elle couvre la totalité du div. En fait j'aimerai pouvoir etirer l'image.
 
Ceci ne marche pas :
 
background: url("./homefond2.png" ) 100% 100% no-repeat
 
quelqu'un a une idée ?
 

Reply

Marsh Posté le 14-10-2004 à 15:13:41   

Reply

Marsh Posté le 14-10-2004 à 15:15:09    

gedeon a écrit :

Bonjour a tous  
 
Voici mon probleme :
 
J'ai un div (on peut prendre un element quelconque) avec une taille dynamique, J'ai une image de fond plus petite.
J'aimerai pouvoir etirer cette image de fond pour qu'elle couvre la totalité du div. En fait j'aimerai pouvoir etirer l'image.
 
Ceci ne marche pas :
 
background: url("./homefond2.png" ) 100% 100% no-repeat
 
quelqu'un a une idée ?


 
non

Reply

Marsh Posté le 14-10-2004 à 17:52:25    


ce qui est bien avec Hermes c'est qu'il est pas trop expéditif dans ses réponses :lol:


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le 14-10-2004 à 21:38:28    

Pas de possibiolité simple , mais
 
http://www.alsacreations.com/blog/ [...] n-etirable
 
ceci devrait t'aider
 
bonne chance


Message édité par Lorr Hyde le 14-10-2004 à 21:38:48

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 15-10-2004 à 10:56:31    

Bon a priori c pas top comme solution, car avec des elements de taille variable ça n'est pas possible.
 
Merci pour l'aide en tout cas !
 
Un prix special "Reponse la plus pertinente pour Hermes"

Reply

Marsh Posté le 15-10-2004 à 11:06:53    

gedeon a écrit :


Un prix special "Reponse la plus pertinente pour Hermes"


 
Ben j'espère bien. Ya pas de solution, ya pas de solution hein... [:spamafote]

Reply

Marsh Posté le 15-10-2004 à 13:09:14    

salut
 
"Ya pas de solution"  
 
y'en a une en javascript , mais ce n'est pas vraiment un "background" (quoique ...)
 
(ça doit trainer dans un coin sur mon site.)
 
++
 
L.

Reply

Marsh Posté le 15-10-2004 à 16:00:02    

Leris a écrit :

salut
 
"Ya pas de solution"  
 
y'en a une en javascript , mais ce n'est pas vraiment un "background" (quoique ...)
 
(ça doit trainer dans un coin sur mon site.)
 
++
 
L.


 
Ben il n'y a pas de solution pour resizer automatiquement un background suivant le contenu de la page en (X)HTML/CSS.
 
Après, évidemment, on peut faire n'importe quoi, du JS, un applet java, du svg etc... etc...
 
Tu peux aussi réécrire un navigateur qui le prendra en charge à ce compte là...  :sarcastic:

Reply

Marsh Posté le 22-01-2010 à 10:25:09    

Bonjour,
Si comme moi quelqu'un tombait sur cette conversation, je me permets d'ajouter qu'il y a une solution : http://css-astuces.batraciens.net/ [...] e-fond.htm
 
Je l'ai utilisé pour ce site : http://www.eikona.fr c'est du pur HTML/CSS (pas de javascript ou autre chose).
L'image est bien à 100% de la fenêtre quelque soit sa taille.
 
;-)

Reply

Marsh Posté le 22-01-2010 à 12:03:08    


Une piste mais j'ai peut-être tout faux : en créant cette image/background sous flash (et en la sortant au format swf) ?
 
(Pas le temps de vérifier si on peut agir sur le swf, me souviens plus...)


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 22-01-2010 à 12:03:08   

Reply

Marsh Posté le 22-01-2010 à 12:43:03    

C'est possible en CSS3 avec background-size (mais pas implémenté partout)


---------------
We deserve everything that's coming...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed