Mercurial > defr > DualBlog
view css/Lite.css @ 75:49b0a2f3a118
Fix IE: Rend l'administration utilisable avec Internet Explorer 6
En réalité, seulement trois réels changements sont introduits ici:
- il existait quelques problèmes dans le code supposé être executés lorsque
le navigateur ne connait pas les treewalkers, le code fait désormais ce
qu'il faut (la mauvaise fonction était associé à l'édition des brouillons,
la fonction de test ne renvoyait pas true / false)
- Internet Explorer 6 ne connait pas textContent. Une fonction essayant
diverses possibilités de remplacement, et faisant un parcours récursif de
tous les noeuds fils dans le pire des cas a été mise en place
- le code cherchant un remplacement à DOMParser supposait que l'objet ActiveX
XMLDOM fournissait exactement la même API, ce qui aurait été trop beau. Un
wrapper a été développé autour de XMLDOM qui fournit la seule fonction de
DOMParser utilisé dans le script. Evidemment ce n'est pas une solution
totalement générique...
Avec ces modifications, il est possible de poster depuis Internet Explorer
(testé sur la version 6), Safari (testé avec la version 3.1) et Firefox (testé
avec les versions 2 et 3)
author | Franck Deroche <webmaster@defr.org> |
---|---|
date | Mon, 31 Mar 2008 15:07:21 +0200 |
parents | 629389204276 |
children |
line wrap: on
line source
/* Dual Blog v10 : OS Edition Lite Version */ #Link, #Link li, dl, dt, dd {display:block; margin:0px;list-style-type:none;} body {margin:0px;font-family:Tahoma, Verdana, Arial, serif;font-size:11px;} p {margin:0px;padding:0px;} #Main {margin:0px;margin-left:-374px;margin-top:-286px;left:50%;top:50%; position:absolute;width:745px;height:486px;overflow:hidden; border:1px black solid;} #Adresse {display:none;} #Link {width:320px;height:70px;position:absolute;/*left:470px;*/top:10px;right:3px; background:white url('./Gimp.jpg') 250px 6px no-repeat;overflow:auto;padding:2px;padding-left:6px;padding-right:6px; z-index:100;display:block;} /* Style sur la colonne de gauche ^^; */ #SideBar {width:230px;height:480px;overflow:auto;border-right:1px black dashed;} #SideBar dt, #SideBar dd {margin-left:auto;margin-right:auto; padding-left:10px;padding-right:10px;padding-top:4px; } #SideBar dt {height:17px;width:180px;background:#DDDDDD;border:black 1px solid; border-bottom:dotted 1px; font-weight:bold;color:#575233;margin-top:12px;} #SideBar dt:hover {background:#F3F3F3;} #SideBar dd {background:#F3F3F3;color:#000000;width:180px;border:1px black solid; text-align:left;padding-bottom:4px;border-top:none;} /* Style sur la partie principale du blog : les posts */ #Posts {width:516px;height:384px;overflow:auto;position:absolute;left:226px;top:100px;} .PostContent {margin:10px;margin-top:12px;padding:10px;text-align:justify; border:1px black solid;background:url('./Gimp_grayscale.jpg') bottom right no-repeat;} .PostContent h2 { margin:-19px auto 5px; padding:0px 10px; border:1px black dashed;background:#F3F3F3;} /* Style appliqu�s sur les span */ .i {font-style:italic;color:#333399;} .b {font-weight:bold;} /* Styles sur les liens */ a {color:#333399;} a:hover {color:#000000;} #Link a {text-decoration:none;margin-left:8px;border-bottom:1px black dotted;} /* Style sur le tagboard ^^ */ #TagBoard {width:180px;height:472px;border:none;margin:0px;padding:0px; margin-left:auto;margin-right:auto;}