28173 sujets

CSS et mise en forme, CSS3

[résolu] Bugs de marge et lettrines avec internet explorer... :(

Bonjour à tous!

Je hais internet explorer.

J'ai plusieurs problèmes qui surgissent sur un site avec ie7 et je suis totalement perdu, je serais infiniment reconnaissant pour toute aide. Smiley smile
http://www.fnissels.ch/wordpress

1. Marge au niveau du menu slider en haut à droite
J'aimerais que mon menu slider colle parfaitement la bordure de droite. C'est le cas partout sauf avec internet explorer, grâce à un float right. J'ai donc ajouté une feuille CSS supplémentaire pour IE mais je ne trouve pas ce qu'il faut que je fasse pour régler le prob.

2. Bugs avec les lettrines
J'ai utilisé une pseudo class pour automatiser mes lettrines. Cela fonctionne à nouveau parfaitement partout, mais j'ai des bugs comme par ex. à cette page
http://www.fnissels.ch/wordpress/?page_id=27 Il y a un problème d'interligne. J'ai des problèmes de ce style ailleurs dans le site aussi, mais en moins grave.
Voici le code utilisé pour mes lettrines
#content p:first-letter {
  font-size:40px; 
  color:#666; 
  width:30px; 
margin: 5px 5px 0 0;
  height:20px; 
  float:left; 
}


Merci d'avance, à bientôt!
Modifié par fablecrab (12 Nov 2009 - 09:46)
Le problème des lettrines est réglé, j'ai supprimé les width et height dans le code et j'ai refais ma page à problème dans wordpress.

Par contre je ne parviens tjs pas à coller le menu slider à droite...
Merci bcp pour ta réponse Loicbcn!

Je en effet changé quelques trucs, mais je n'ai pas l'occasion de vérifier mtn n'ayant pas ie sur mon mac. Je vais contrôler ça demain.

A bientôt!
Alors j'ai vérifié à l'instant, et j'ai tjs le problème de décalage à droite quand le menu slider n'est pas utilisé. Il est vrai que lorsqu'on l'ouvre, il se colle parfaitement à la bordure par contre, mais fermé, impossible.

J'ai tout essayé dans la feuille CSS spéciale pour IE, un padding left, un margin left, etc, rien n'y fait... Smiley decu
Problème réglé, il fallait en fait mettre un padding-left à la liste et non pas au div qui contient la liste.
.jimgMenu ul {
	list-style: none;
	margin: 0 0 0 32px;
	display: block;
	height: 150px;
	width: 1340px;
	
	}
Sujet clos
Aller à