Catégories:
Bonjour à tous,
je viens de visionner mon site à travers internet explorer,
et les blocks sont tous collés/superposés sur la gauche.
j’imagine qu’il me faut modifier la css,
pouvez vous me dire comment faire ?
merci d’avance
- Vous devez vous identifier ou créer un compte pour écrire des commentaires
une ptite info : j’utilise le template pleroma
;)
cecile
61
je viens de relire mon annonce,
et je la trouve un peu confuse.
probleme : la partie droite de mon site, dans laquelle figure plusieurs menus, ne s’affiche pas correctement sous IE.
sous mozilla, c’est parfait.
le template (pleroma) que j’utilise affiche ça dans son layout.css :
right {
float:right ;
margin-left:-100% ;
padding:5px 8px 20px ;
width:204px ;
}
margin-left:-100% ;
}
j’ai essayé d’ajouter «float:right;» dans la 2nd declaration,
j’ai essayé d’ajouter «_float:right;» derriere le «float:right;» de la 1ere déclaration.
je suis allé voir des site de hack ie,
je n’ai obtenu aucun resultat.
je continu mes recherches en attendant votre aide
cecile
61
ca donne quoi si tu enleve le margin-left ?
°¨¨°³º¤£(¯`·.jubjub.·´¯)£¤º³°¨¨°
http://www.direct-radio.fr
jubjub
349
j’ai trouvé !!!
alors, premierement, encore merci JubJub pour ton aide.
secondo, en retirant l’attribut margin-left, mon menu «right» disparaissait.
tertio, ça fonctionne à 99% en modifiant le code de cette manière :
right {
float:right ;
margin-left:-16% ;
padding:5px 9px 20px ;
width:204px ;
}
j’ai viré le «*html #right» car explorer n’en tenait pas compte.
par contre, le -16%, c’est de la chance, je ne comprends pas vraiment,
je pense qu’il y avait d’autres solutions, mais ça fonctionne, je ne vais pas me plaindre.
c’est tout un monde ces CSS !
à bientot pour d’autres questions very too much (oula, je divague)
merci encore pr ton aide !
cecile
61
heu…
j’ai crié victoire un peu trop vite.
j’avais trouvé une solution alternative :
right {
float:right ;
margin-left:-100% ;
_margin-left:-18.5% ; (hack des ie)
padding:5px 9px 20px ;
width:204px ;
}
*+html #right { (hack de ie7 exclusivement)
float:right ;
margin-left:-16% ;
padding:5px 9px 20px ;
width:204px ;
}
qui fonctionnait tres bien jusqu’à ce que je redimensionne en 1024/768.
résultat : sous ie7 (et les autres surement), mon #right reste à droite, mais s’affiche sous le contenu.
je vais voir comment faire, mais si vous avez une solution,
n’hésitez surtout pas !!
merci d’avance
cecile
61
Pour ne pas me prendre la tete la dessus j’ai crée un tableau (page.tpl).
Comme ca, le placement ne ce joue pas en css et c’est bon sur n’importe quel naviguateur…
Si tu souhaite persister en css, peut etre devrais-tu prendre exemple sur d’autres themes !…
Bon courage
http://www.direct-radio.fr
jubjub
349
merci jubjub,
je prefere me prendre le chou avec les css qu’utiliser des tableaux.
j’y arriverai !!!
je post la soluce dès qu’elle «existe»
cecile
61
j’y suis !
j’ai utilisé la methode agressive,
et ça marche !
mon ancien #left :
left {
float:left ;
margin-left:-100% ;
padding:5px 8px 20px ;
width:204px ;
}
ma nouvelle config :
left {
float:left ;
margin-left:-100% ;
padding:6px 8px 20px ;
_padding:23px 8px 20px ;
width:204px ;
}
*+html #left {
float:left ;
margin-left:-100% ;
padding:23px 8px 20px ;
width:204px ;
}
right {
position:absolute ;
top:113px ;
right:10px ;
padding-right:11px ;
width:204px ;
}
voili voilou
si certains pensent que ce n’est pas une bonne solution (niveau accessibilité, niveau affichage sur certains explorer…)
n’hésitez pas
merci encore jubjub !
cecile
61