Votre question

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

Tags :
  • Html
  • Programmation
Dernière réponse : dans Programmation
20 Juin 2007 17:33:28

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!!!

Autres pages sur : html probleme affichage resolution resolu

20 Juin 2007 19:46:38

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
@+
21 Juin 2007 09:56:53

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 :( 

Contenus similaires
21 Juin 2007 15:55:29

Oula c'est quoi cette etoile ??
je ne savais pas que ca existait ca, moi perso je mettrai un id ou un class la ou ya des marge et mettrait :
  1. #marge
  2. {
  3. margin: 0;
  4. }
21 Juin 2007 17:02:08

* c'est pour le document en entier, essai :

*, html
{
margin: 0;
}
21 Juin 2007 17:30:33

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
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS