IE, Le CSS, Le JS .....

harys -  
@nGel_974 Messages postés 3489 Statut Membre -
Bonjour,
Alors voila j'ai un petit probleme et je suis bloquée.

Déja je donne le lien car ce sera plus clair :
http://www.lyre-rock.com/new/page.php?lg=fr

Voila il suffit d'ouvrir sous FF, Opera puis sous Ie pour voir que IE n'est pas d'accord avec mon code :(

Enfait , j'ai 8 claques :
-Un en haut a gauche de mon contenu
-Un en haut a droite
-Un en bas a gauche
-Un en bas a droite
-Un a gauche
-Un a droite
-Un en haut
-Un en bas

J'ai aussi un code JS qui s'occupe de tout remettre en place.


Tout ça pour avoir un cadre, qui s'etand sur toute la taille disponnible en enlevant le menu.

Mais IE ne le prend pas comme ça, je suis perdue et je ne sais pas d'où vien le probleme...
Si vous pouviez m'eclairer sur la nature du probleme.


Un grand merci d'avance
A voir également:

3 réponses

@nGel_974 Messages postés 3489 Statut Membre 157
 
eurk gore ton site :s

Mais en faite, le mieux serais de faire un css spéciale pour IE, car il ne respecte pas le même protocole que FF ou Opéra, je ne sais pas sinon qu'elle autre solution existerait pour ça...
0
harys
 
Merci d'avoir repondu si vite.

Donc le probleme viendrais de ce qui suis ?
    <div class="tl" style="position:inherit; left:0px; top:0px;">
    <img src="image/frame/tl.png" />
    </div>
    
    <div class="bl" style="position:inherit; left:0px; bottom:0px;">
    <img src="image/frame/bl.png" />
    </div>
    
    <div class="tr" style="position:inherit; right:0px; top:0px;">
    <img src="image/frame/tr.png" />
    </div>
    
    <div class="br" style="position:inherit; right:0px; bottom:0px;">
    <img src="image/frame/br.png" />
    </div>

	<div id="timg" style="position:inherit; top:0px; width:50%; left:50%; margin-left:10px; }">
    <img src="image/frame/top.png" width="100%" height="24"/>
    </div>
    
    <div id="bimg" style="position:inherit; bottom:0px; width:50%; left:50%; margin-left:10px; }">
    <img src="image/frame/bottom.png" width="100%" height="25"/>
    </div>
    
    <div id="limg" style="position:inherit; left:0px; height:50%; top:50%; margin-top:10px; }">
    <img src="image/frame/left.png" width="24" height="100%"/>
    </div>
    
    <div id="rimg" style="position:inherit; right:0px; height:50%; top:50%; margin-top:10px; }">
    <img src="image/frame/right.png" width="27" height="100%"/>
    </div>
0
@nGel_974 Messages postés 3489 Statut Membre 157
 
Je pense, il faut que dans ta feuille de style (spéciale IE), tu changes les valeurs, (faut te tâter un peu xD) pour arriver à replacer le cadre comme tu le souhaites :p
0