Se connecter avec
S'enregistrer | Connectez-vous

[html] problème d'affichage selon la résolution[resolu]

Dernière réponse : dans Programmation

Bonjour !

Pour le site que je suis en train de modifier en html et qui comporte des pages constituées elles même de plusieurs pages (une pour le haut, une pour le bas, et deux pour le milieu), j'ai un problème d'affichage lié à la résolution de l'écran!

Cette résolution pose des soucis au niveau de la partie haute de la page(bannière) puisqu'en 1280x1024, la banière ne veut pas s'afficher sur toute la page (j'ai enlevé le mode répétition avec lequel l'image se répétait).
En 800x600, la bannière ne se réduit pas et il en manque ainsi 1/3...
Seul le 1024x768 permet un affichage correct de cette bannière.


J'ai essayé un code trouvé sur un site mais celui-ci ne marchait pas:


Code inséré dans celui de ma bannière

<!--[if IE]>

<style type="text/css">

img {

width:100%;

width:expression(document.getElementById('conteneur_img_test').offsetWidth >document.getElementById('img_test').offsetWidth?document.getElementById('img_test').offsetWidth+"px" : "100%" );

}

</style>

<! endif -->

<div id="conteneur_img_test">

<img src="images/entete.jpg" id="img_test">

</div>
Fin du code


Si vous pouviez m'aider sur ce point, je vous en serai grandement reconnaissant.

PS: j'aimerai ne pas avoir à toucher à l'architecture du site proprement dit (des pages qui contiennnent des pages) donc si vous avez une solution qui correspond, merci d'avance!!!
Lassé par la pub ? Créez un compte
Expert Programmation

Slt,

ta banniere est une image aparemment, donc elle ne va pas s'etendre ou se diminuer toute seul ce qui est logique sinon elle serait deformer.

Si c'est une petite image qui dit se repeter sur la largeur perso je ferai ca avec un tableau et du css.

Html :
  1. <table id="header" width="100%" cellpadding="0" cellspacing="0" border="0">
  2. <tr><td width="100"%>
  3. <img src="images/entete.jpg" id="img_test">
  4. </td></tr></table>


Css:
  1. #header
  2. {
  3. background:url("images/entete.jpg") repeat-x;
  4. }


Voila en esperant que ca t'aide
@+

merci pour le code mais justement, moi je veux juste afficher la banniere de sorte qu'elle prenne toute la largeur (et n'apparaisse donc qu'une fois)

Edit:

il ne me reste plus qu'un problème en fait ^^ j'ai des marges que je n'arrive pas à supprimer

pourtant j'ai mis dans le css
  1. *
  2. {margin:0; padding:0
  3. }

et ça ne fait rien :( 

je ne sais pas comment fonctionnent les classes mais je vais me renseigner dessus alors! merci de l'info (le code initial ne vient pas de moi)

tracks ta solution fonctionne! merci ^^

donc merci à vous deux: sujet résolu
Lassé par la pub ? Créez un compte
Tom's guide dans le monde