La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  image hauteur auto?
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: image hauteur auto?  (Lu 1009 fois)
image hauteur auto?
« sur: le 24-10-2004 a 18:00:35 »
noone.1
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 2





Voir le Profil    E-Mail
Répondre avec citation

bonjour,
j'essaie d'utiliser une image de fond que je colle dans une div centrale et je voudrais qu'elle s'adapte automatiquement en hauteur et en largeur (si possible valable pour un max de naviguateur..) . Pr l'instant je code ca soit par

<div id="conteneur" style="height=100%">
<div id="fond"><img src="monimg" width="100%" height="100%">[...contenu...]
</div></div>

soit par

<div id="fond">
<img src="monimg" width="100%" height="100%">
<div id="conteneur" style="height=100%">
[...contenu...]
</div>
</div>

ou d'autre combinaisons, avec des height, min-height ds la css..
J'ai essaye aussi en utilisant plutot background-image=url('monimg') dans la css (ms je prefereais eviter cette facon car a priori ce n'est pas possible de faire un preload en l'ecrivant comme ca)

ds tous les cas (je travaille avec ie6 et firefox pr l'instant), ca marche en largeur ms pas en hauteur. Si le [contenu] que je place ds mes <div> depasse la hauteur de l'image de fond ou bien une hauteur que j'ai essaye de specifier depuis le style, alors il depasse de l'image.

Je voudrais donc que la hauteur de l'image de fond puisse s'adapter automatiquement au contenu de ma page qui est ds la div "contenueur"...comment faire? Je debute et là je suis vraiment perdu!
si vs pouvez m'indiquer un script, une facon de proceder valable pour un max de browser, merci d'avance,

@+, noone.1

Rapporter au modérateur  

Re:image hauteur auto?
« Répondre #1 sur: le 24-10-2004 a 18:11:40 »
bigornot
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 579



Je suis un fantôme!

Voir le Profil
Répondre avec citation

je crois que l'écran n'est pas adapté à l'image :
si l'image fait 1,24à px * 0,768 px, et que ton écran fait 1024*768, ça marchera surement, mais sinon ...

Ps : l'attribut height en % n'existe plus.

Rapporter au modérateur  

Des bijoux et des gros!
Re:image hauteur auto?
« Répondre #2 sur: le 24-10-2004 a 18:18:35 »
willy
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 278



paix

Voir le Profil    WWW
Répondre avec citation

Citation:
l'attribut height en % n'existe plus.




http://dicolive.media-box.net/docCSS/css.php?orderByType=1&id=95

Rapporter au modérateur  

Mer et littoral 
Plongée enfants
Re:image hauteur auto?
« Répondre #3 sur: le 24-10-2004 a 18:24:44 »
noone.1
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 2





Voir le Profil    E-Mail
Répondre avec citation

euh..je comprends pas trop
mon image de fond fait a peu pres 800*600, et je navigue en 1024*768 ou fenetre reduite..l'image  s'adapte a la largeur de la fenetre mais pas a la hauteur mais je voudrais surtout qu'elle s'adapte a la hauteur du contenu de ma <div> centrale...

Rapporter au modérateur  
Re:image hauteur auto?
« Répondre #4 sur: le 24-10-2004 a 18:33:42 »
willy
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 278



paix

Voir le Profil    WWW
Répondre avec citation

Ok pour une image qui s'adapte à la hauteur regarde ce lien
http://perso.wanadoo.fr/willy.anne/libre/photo.htm

édite le code si cela te convient

a+

Rapporter au modérateur  

Mer et littoral 
Plongée enfants
Re:image hauteur auto?
« Répondre #5 sur: le 25-10-2004 a 01:14:33 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

Citation de: willy le le 24-10-2004 a 18:33:42
Ok pour une image qui s'adapte à la hauteur regarde ce lien
http://perso.wanadoo.fr/willy.anne/libre/photo.htm

édite le code si cela te convient

a+

Mince! C'est pas mal ce truc pour que l'image s'étire en gardant lles proportions, j'y avait pas pensé, merci pour l'astuce.

Rapporter au modérateur  

http://www.pixemedia.com
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg