Discussion :

[Sniper37]

bonjour,

j'ai un problème de largeur de ma page, la largeur de la page n'est pas la même sous IE7 et FF, j'ai testé en utilisant les % ou les px mais, toujours le même problème, un designer avait commencé le projet en utilisant un script qui détecte la version du navigateur et suivant si il s'agit de IE ou firefox il ajuste la largeur, je ne suis pas sur que ce soit la meilleur solution.
voilà mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<div  class="rich-page ">
<div  class="rich-page-header ">
<div  class="rich-page-header-content">
<div id="div_hd" style="">
<div id="hdlft" style="float: left; width: 47.54%;">
<img border="0" src="images/image1.png"/>
</div>
<div style="float: left; width: 19.4%;" width="20%">
<img border="0" src="images/image2.png"/>
</div>
<div style="float: right; width: 30.08%;" width="31%">
<img border="0" src="images/image2.png"/>
</div>
</div>
</div>
</div>
 
.rich-page {
 
	margin: auto;
	text-align: left;
	width: 95%;
}
 
.rich-page {
 
	margin: auto;
	text-align: left;
	width: 95%;
}

Ci-joint les deux images du coté haut droit de la page, le coté haut gauche est bien aligné.
Sous FF ça marche bien, sous IE n'importe quoi!!!

[Sniper37]

Il semble que l'image du div qui flotte à droite qui dépasse un peu, je ne sais pas comment faire pour qu'elle prenne la largeur du div même si elle est plus large..

le problème vient de l'image à l'interieur du div, comment faire pour que l'image prend toute la taille du div, pas plus pas moins, sachant que la taille du div n'est pas fixé

merci..

[12monkeys]

Bonjour

Utilises overflow : hidden sur les 3 divs qui contiennent les images.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div id="hdlft" style="float: left; width: 47.54%;overflow : hidden">
<img border="0" src="image.jpg"/>
</div>
<div style="float: left; width: 19.4%;overflow : hidden;" width="20%">
<img border="0" src="image2.jpg"/>
</div>
<div style="float: right; width: 30.08%;overflow : hidden" width="31%">
<img border="0" src="image.jpg"/>
</div>

[Sniper37]

j'avais enlevé les espaces vides crées par yahoo layouts; ça marche mieux maintenant, mais, je vais essayé ta solution.

Merci