18043 sujets

Questions générales et questions de débutants

[resolu]Pb d'affichage des images selon le navigateur/la résolution

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 ce site mais celui-ci ne marchait pas:
<!--[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>


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!!!
Modifié par dardadax (05 Jul 2007 - 09:41)
Bonjour et bienvenue sur Alsacréations Smiley smile

dardadax a écrit :
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!


Tu veux dire des frames ?

Le plus simple serait de nous donner l'url de cette page Smiley cligne
oui des frames ^^

une partie du problème a été résolue!(la plus grosse lol)
j'ai désormais un affichage correct de l'image quelque soit le navigateur (IE ou firefox) et quelque soit la résolution.

Il reste cependant un bout de code à faire ^^

Je ne peux pas donner l'url de la page tout simplement parce que je ne peux pas le mettre en ligne pour l'instant (mais si vous connaissez des astuces gratuites à ce sujet ^^)


<html>

<head>
<title>haut</title>
<style type="text/css">
img { 
position:relative;
width:100%;
height:100%;
vertical-align:bottom;
margin: 0;
}
</style>
</head>

<body bgcolor="#0099cc" bgproperties="fixed" style="background-repeat: no-repeat;background-position: center top" align="center">
<div id="conteneur_img_test">
<img src="images/entete.jpg" id="img_test">
</div>

<body></body>

</html>


Lors de l'affichage, j'ai des marges qui apparaissent sur tous les bords (quelque soit la résolution donc ouf ^^)

Comment fait-on pour les annuler? merci d'avance Smiley biggrin
PS: même * {margin:0; padding:0} ne semble pas fonctionner Smiley sweatdrop
Sujet clos
Aller à