[AJAX] Chargement dynamique de CSS
Salut à tous,
J'ai un gros soucis avec CSS et AJAX.
En gros, j'obtiens un résultat différent avec AJAX et sans, en utilisant le même fichier CSS.
Il est un petit peu difficile d'expliquer exactement ce qu'il se passe comme cela, aussi je vais vous donner ce qu'il faut pour le répliquer.
Voila ce que ça donne sans AJAX. Les box suivent le resize de la fenêtre.. sous IE6 du moins, pas encore testé sous firefox.
<html>
<head>
<meta http-equiv="Content-Language" content="fr-be">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style>
.menu {
width: 20%;
border: 1px solid #000000;
padding: 1em ;
}
.content {
position: absolute;
right: 1;
border: 1px solid #000000;
padding: 1em 1%;
width: 80%;
}
</style>
<title>Universal Client</title>
</head>
<body>
<div class="content">
content
</div>
<div class="menu">
menu
</div>
</body>
</html>
Reproduire sous ajax :
Mettre ce script de DynamicDrive en place :
http://www.dynamicdrive.com/dynamici...jaxcontent.htm
et l'appeler avec le CSS que vous avez externalisé :
<a href="javascript:ajaxpage('test.htm', 'contentarea'); loadobjs('MesBoxQuiFoirent.css')">test</a>
Le lien est chargé dynamiquement et là, le résultat du CSS n'est pas pareil. Le box de droite se trouve tout a droite et ne touche plus du tout au premier.
Donc, comment dire... euh.. HELP :)
Merci,
Seb.
