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 :
- <div id="fixe">
- <img src="...>
- /div>
- <div id="conteneur">
- <div id="entete">
- <table class="black" width="400">
- </table>
- </div>
- <div id="conteneur2">
- <div id="tableau">
- Contenu
- </div>
- </div>
- </div>
|
Avec la css suivante :
Code :
- #conteneur {
- z-index: 3;
- height: 100%;
- width: 420px;
- float: right;}
- #conteneur2 {
- z-index: 3;
- height: 90%;
- width: 420px;
- overflow: auto;
- float: right;
- }
- #tableau {
- border: 1px solid white;
- color: #eee;
- padding: 0px;
- }
- #fixe {
- z-index: 0;
- border: 1px solid white;
- background: #55a;
- color: white;
- font-weight: bold;
- position: absolute;
- top: 0px;
- left: 0px;
- width: auto;
- padding: 0px;
- }
- #entete {
- width: 420px;
- position: right;
- height: 10%;
- }
|
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)