[HTML, JS] Avoir une image de taille variable en f° de la résol

Avoir une image de taille variable en f° de la résol [HTML, JS] - HTML/CSS - Programmation

Marsh Posté le 06-01-2003 à 12:21:30    

Hello ! Bonne année !
 
Après m'être mis au <DIV> grâce à vos conseils sur le sujet précédent, j'aimerais maintenant savoir si il est possible d'avoir une image dont la taille s'adapte en fonction de la taille de la zone affichable d'un browser.
En gros : j'ai ça :

Code :
  1. <div id="fixe">
  2.     <img src="...>
  3. /div>
  4. <div id="conteneur">
  5.     <div id="entete">
  6. <table class="black" width="400">
  7. </table>
  8.     </div>
  9.     <div id="conteneur2">
  10. <div id="tableau">
  11. Contenu
  12.     </div>
  13. </div>
  14. </div>


 
Avec la css suivante :

Code :
  1. #conteneur {
  2.   z-index: 3;
  3.   height: 100%;
  4.   width: 420px;
  5.   float: right;}
  6.  #conteneur2 {
  7.   z-index: 3;
  8.   height: 90%;
  9.   width: 420px;
  10.   overflow: auto;
  11.   float: right;
  12.   }
  13.  #tableau {
  14.   border: 1px solid white;
  15.   color: #eee;
  16.   padding: 0px;
  17.   }
  18.  #fixe {
  19.   z-index: 0;
  20.   border: 1px solid white;
  21.   background: #55a;
  22.   color: white;
  23.   font-weight: bold;
  24.   position: absolute;
  25.   top: 0px;
  26.   left: 0px;
  27.   width: auto;
  28.   padding: 0px;
  29.   }
  30.  #entete {
  31.   width: 420px;
  32.   position: right;
  33.   height: 10%;
  34.   }


 
L'idée, c'est d'avoir toujours mon tableau de taille fixe plaqué sur la droite du browser, et l'image, à gauche, qui utilise le maximum d'espace restant, en fonction de la taille de la zone affichable du browser...
Y a-t-il moyen de récupérer la taille de cette zone à l'ouverture de la page et de la passer en paramègtre (ça m'étonnerait mais bon...)
 
Merci pour toutes les suggestions !


---------------
CPU (Cybertool Power User)
Reply

Marsh Posté le 06-01-2003 à 12:21:30   

Reply

Marsh Posté le 07-01-2003 à 11:14:20    

Bon, j'imagine que ça ne doit pas être possible :(


---------------
CPU (Cybertool Power User)
Reply

Marsh Posté le 07-01-2003 à 11:29:08    

c possible avec du JS, mais c pas top, pask'il faut que tu détecte la résoltuion de l'écran, puis que tu fasse un reload de ta page avec les bons paramètres! c un peu porc qd m^eme!
 
si tu es intéressé qd m^eme, fais une recherche sur le forum, j'avais fait un topic là-dessus!

Reply

Marsh Posté le 07-01-2003 à 11:30:45    

Tu créé un tableau imbriqué avec 2 cellules, dans la deuxième tu mets ton premier tableau, de taille fixée, et dans la première, tu mets ton image avec pour propriétés width="100%", et la cellule de propriété : width="100%"
 
De ce fait, la cellule fixée sera bien de la taille désirée, et l'autre cellule complètera l'écran.

Reply

Marsh Posté le 07-01-2003 à 11:54:43    

Arghbis : merci, mais c'est vrai que c'est un peu bourrin ;)
 
Electrastar : J'avais pensé à qque chose de ce genre, mais comme j'ai une structure assez particulière (image fixe à gauche et tableau qui scrolle à droite, le tout sans frame, ben je suis obligé de passer par des DIV... et ne peux pas mettre mon image ET le tableau dans un tableau conteneur... Et avec les DIV, je n'arrive pas à avoir l'image en taille variable... Mais je vais chercher à utiliser la méthode dont tu parles pour les tableaux adaptée au DIV...)
 


---------------
CPU (Cybertool Power User)
Reply

Sujets relatifs:

Leave a Replay

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