Titre: css liste / problème navigateurs
Posté par: museum_dive le le 05-10-2008 a 16:47:15
Bonjour,
Mon site s'affiche très bien avec mozilla, opéra et google chrome. Par contre avec internet explorer il y a un problème au niveau de la présentation des rubriques. La liste des rubriques est beaucoup trop décalée vers la droite comme si une bande invisible prennait 1/3 de la colonne.
http://cercledombre.fr/ (http://cercledombre.fr/)
Mes rubriques s'affichent avec la ligne en php :
Code:
| <ul><?php wp_list_pages('title_li='); ?></ul> |
|
.
J'utilise un code wordpress donc quand je crée une nouvelle page dans la zone administration, elle s'affiche automatiquement dans la colonne du site. Dans la feuille css, on voit que les rubriques s'affichent comme une liste :
Code:
http://cercledombre.fr/style.css (http://cercledombre.fr/style.css)
Avant c'était "square" à la place de "none", mais ça ne change rien. Le problème vient peut être du fait qu'il s'agit d'une liste, mais sur internet explorer, les rubriques sont largement décalées vers la droite et après avoir passé une journée la dessus, je n'ai pas trouvé comment corriger ce problème. Je voudrais que les rubriques prennent les 149 pixels de la colonne, pas moins.
Un autre problème mineur, quand je mets <br><br> en dessous d'une image dans cette colonne, les 3 navigateurs m'affichent un espace plutôt bon, mais il est deux fois plus grand sur internet explorer. Bizarre.
Merci ! |
Titre: Re:css liste / problème navigateurs
Posté par: MarvinLeRouge le le 05-10-2008 a 20:12:25
Salut,
1) J'aurais tendance à commencer ma feuille de style par un
Code:
*
{
margin : 0;
padding : 0;
} |
|
qui résoud pas mal de pb dan,s pas mal de navigateurs.
Sinon, si tu veux créer de l'espace, et que tu veux être sûr de la valeur, utilise margin ou padding, pas br. |
Titre: Re:css liste / problème navigateurs
Posté par: museum_dive le le 05-10-2008 a 21:16:56
Effectivement, merci beaucoup ton conseil est très bon, car ça corrige mon problème des rubriques ! (enfin!)
Le seul bémol est que du coup toutes mes interlignes sont supprimées un peu partout dans le site :/ Je vais devoir trouver un moyen de les indiquer dans la feuille de style, et non dans mes pages en php (j'imagine que le problème vient de là à cause des <br>)
|
Titre: Re:css liste / problème navigateurs
Posté par: MarvinLeRouge le le 06-10-2008 a 10:00:36
| Ah ben ça oui, ça fait sauter tous les padding de tes p, li, ul, div & co. Mais au moins tu pars d'une base saine. |
Titre: Re:css liste / problème navigateurs
Posté par: Grafimages le le 06-10-2008 a 16:11:50
Prévois aussi dès le départ de définir certaines balises (p étant la plus courante), ça te permet de garder ton interligne en permanence ;)
Style :
p {0 0 10px 10px } par exemple. |
Titre: Re:css liste / problème navigateurs
Posté par: museum_dive le le 06-10-2008 a 18:27:44
Merci, vous m'avez bien aidé !
Je vais me servir de la balise p et nettoyer un peu mes codes au passage ! |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|