La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  css liste / problème navigateurs
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: css liste / problème navigateurs  (Lu 1076 fois)
css liste / problème navigateurs
« sur: le 05-10-2008 a 16:47:15 »
museum_dive
Membre récent
*

Hors-Ligne

Messages: 13



Je suis un lama!

Voir le Profil
Répondre avec citation

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/

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:
ul { list-style: none;  }

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 !

« Dernière Édition: le 05-10-2008 a 16:50:53 par museum_dive » Rapporter au modérateur  

Re:css liste / problème navigateurs
« Répondre #1 sur: le 05-10-2008 a 20:12:25 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

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.

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:css liste / problème navigateurs
« Répondre #2 sur: le 05-10-2008 a 21:16:56 »
museum_dive
Membre récent
*

Hors-Ligne

Messages: 13



Je suis un lama!

Voir le Profil
Répondre avec citation

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>)

« Dernière Édition: le 05-10-2008 a 21:17:39 par museum_dive » Rapporter au modérateur  
Re:css liste / problème navigateurs
« Répondre #3 sur: le 06-10-2008 a 10:00:36 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

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.

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:css liste / problème navigateurs
« Répondre #4 sur: le 06-10-2008 a 16:11:50 »
Grafimages
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 90




174090652 174090652
Voir le Profil    WWW    E-Mail
Répondre avec citation

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.

Rapporter au modérateur  

Webdesign & création de sites de qualité à des tarifs raisonnables : Grafimages.com - Blog photos de Californie
Re:css liste / problème navigateurs
« Répondre #5 sur: le 06-10-2008 a 18:27:44 »
museum_dive
Membre récent
*

Hors-Ligne

Messages: 13



Je suis un lama!

Voir le Profil
Répondre avec citation

Merci, vous m'avez bien aidé !
Je vais me servir de la balise p et nettoyer un peu mes codes au passage !

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg