j'avous que c'est assez bordeliques, je comprend que ca doit dur pour les autres personnes de lire mon code,
alors oui en effet, mon contenu qui se deplace sous IE sont mes images dans le css est:
#img06 {
margin-left:65%;
margin-top:-27.5%;
position:relative;
}
( pour un exemple d'image, les autres repennent les meme modeles, j'ai essaye en changeant les position en absolute, sans position endisplay block, en faisant les marges avec pixels et rien a faire . . .
)
le texte est ici:
h6 {
font-family:"Helvetica", Helvetica, sans-serif;
width:600px;
margin-top:6%;
margin-left:5%;
font-size:11px;
color:#3d3d3d;
line-height:20px;
margin-bottom:11px;
display:block;
}
il se decale legeremnt vers la droite . . .
et le logo avec les titres:
ici le titre:
h3 {
font-size:32px;
line-height:1.2em;
color:#000;
margin-bottom:11px;
border-bottom:1px solid #ddd;
font-family:"Helvetica", Helvetica, sans-serif;
margin-left:10%;
margin-top:-5%;
width:850px;
}
h3 span {color:#9ec22d;}
h3 strong {color:#fe4726;}
et le logo qui va jsute devant:
#logo img{
margin-top:1%;
}
enfint le sous menu liste ( je veux dire par la le sous menu rouge qui apaprait dans le wrapper avec pincipres, avantages, et demandez un devis):
li1{
list-style:none;
top:-35%;
left:9.5%;
position:absolute;
display:block;
padding:0;
}
li2{
list-style:none;
top:-35%;
position:absolute;
left:23%;
display:block;
padding:0;
}
li3{
list-style:none;
top:-35%;
position:absolute;
left:43%;
font-size:12px;
font-family:"Helvetica", Helvetica, sans-serif;
display:block;
padding:0;
}
et le wrapper dans lequel tout est contenu:
#wrapper6 {
width:1000px;
opacity:2;
color:#9ec22d;
font-size:16px;
margin-top:0%;
position:relative;
display:block;
padding:0;
}
et le code source de cette partie la:
<div id="bloc_mural" class="bloctexte" style="display: none;">
<div id="logo"><img src="images/logo.png"></div>
<h3><span>Principe de Climatisation</span> - Murale</h3>
<div id="wrapper6">
<ul>
<li1><a href="#" onclick="AfficheTexte('mural'); return false;" class="onglet2">Principe</a></li1>
<li2><a href="#" onclick="AfficheTexte('avantagemural'); return false;" class="onglet2">Les Avantages</a></li2>
<li3><a href="#" onclick="AfficheTexte('devis'); return false;" class="onglet2">Demandez un devis</a></li3>
</ul>
<h6>Un mural est un système de climatisation, qui, comme son nom l’indique, est fixé au mur de la maison.<br><br>
Lorsque le niveau de la température est excessif et perturbe le bien être dans votre habitat, la climatisation permet de transformer l’air chaud en air froid par un système semblable à celui d’un réfrigérateur : les calories de l’air chaud sont captées par un circuit frigorifique et rejetéés à l’extérieur de la maison. En d’autres termes, votre climatiseur fonctionne avec 2 unités séparéés, l’une à l’intérieur et l’autre à l’extérieur du logement.<br><br>
Le mural n’influe pas seulement sur la température de l’air, il permet également de le déshumidifier et de le purifier grâce à son système de filtration. Les climatiseurs muraux équipés d’un filtre « air plasma » vous assurent une purification encore plus efficace de l’air et une réduction considérable des bactéries, des pollens et autres impuretés.<br><br>
</h6>
<div id="img04"><a href="gallery/split mural.jpg" class="lightbox" title="Split mural fonctionnement"><img src="gallery/split mural.jpg" width="300" height="193"/></a></div>
<div id="img05"><a href="gallery/hitachimural.jpg" class="lightbox" title="Split mural"><img src="gallery/hitachimural.jpg" width="300" height="115"/></a></div>
</div>
</div>
voila a chaque foia jai essayer de changer les position ou display . . je ne suis pas parvenu a faire fonctionner tout ca sur IE, peut etre que j'ai pas changer dans les bon css je sais pas . . .
si tu peux m'aider je serais vraiment reconnaissant, le fait est que donc j'ai mon wrapper ( ici wrapper6) avec mon texte ( h6) mes images, un sous titre ( h3) un sous menu ( li1 li2 et li3) et le logo, tout marche nikel mais avec IE totu est decale . . . .
Modifié par tibewww (02 Sep 2012 - 22:05)
