2 pièce(s) jointe(s)
largeur div dans un template de page
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:
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!!!
