Margin et IE7

Bonjour,

En fait mon css ne fonctionne pas avec IE7 , au niveau du margin que voici :

div#menuprincipal2 {
	position: relative;
	margin: 5% 0px 0px 0px;
	background:#F1FAFD;
	height:auto;
}

Et voici l'ensemble du code pour cette div :

div#menuprincipal2 ul, div#menuprincipal2 li, div#menuprincipal2 a {
	margin:0px;
	padding:0px;
	border:0px;
}

div#menuprincipal2 ul {
	list-style-type: none;
	margin-left:0px;
	height:auto;
	padding:0px;
	border: 1px solid #F1FAFD;
}

div#menuprincipal2 ul li {
	display:inline;
	cursor:default;
	font-size:1.0em;
    font-weight: bold;
    position:relative;
	color:white;
	background-color:#F1FAFD;
}

div#menuprincipal2 ul li a.courant {
	color:white;
	background-color:#005FB8;
}

div#menuprincipal2 ul li a {
	color:#005FB8;
	padding:0px 15px 0px 20px;
	border:0px;
}

Salut,

Sans la page incriminée en ligne, ni le code html (et peut être la totalité du code css), j'ai bien peur qu'il soit vain d'espérer une réponse, car personne ne risque d'être en mesure de trouver l'origine de ton problème.

Merci , je m'en doute oui mais je peux pas vraiment en poster plus.

J'ai fais un p'tit test qui va peut etre plus te parler :

div#menuprincipal2 {
	margin: 0px 0px 0px 0px;
	background:#F1FAFD;
	margin-top: 5%;
}

div#menuprincipal2 ul, div#menuprincipal2 li, div#menuprincipal2 a {
	margin:5% 20% 50% 9%;
	padding:0px;
	border:0px;
}

Pour IE6 j'obtiens bien une marge en dessous de la div de 50% du container , mais pour IE7 rien, la div reste coller entre deux tableaux.
PS: j'ai reduit le css pour la div à ce que tu vois au dessus.

Je ne peux que répéter ce que j'ai marqué plus haut, bonne chance...

ok merci quand meme

Juste une p'tite question alors : quelle est la différence entre
div#menu et div>menu ??

Juan a écrit :
Juste une p'tite question alors : quelle est la différence entre
div#menu et div>menu ??

Rapidement: le premier marche et le second, non.

Plus précisément: div#menu permet de sélectionner tout élément div qui aurait un attribut id avec pour valeur "menu"; div>menu permet de sélectionner tout élément menu qui serait un enfant d'un élément div.

L'élément menu existe en HTML mais il est déconseillé, et de fait pas/peu utilisé.

Le deuxième cas correspond donc à l'élément menu dans le code HTML suivant:

<div>
	<menu>...</menu>
</div>

Et comme il est peu probable que tu aies un code de ce genre, je doute que le sélecteur div>menu sélectionne quoi que ce soit dans ta page.
Modifié par Florent V. (25 Sep 2007 - 11:35)

Pour les marges verticales en pourcentages (ou plus généralement les dimensions verticales en pourcentages), il faut savoir que c'est difficilement/peu gérable en HTML et CSS, surtout dans le cadre du média screen (navigateur graphique, rendu sur écran... classique, quoi), où la page n'a pas de dimension verticale figée contrairement au format papier.

Pour qu'une valeur verticale en pourcentages soit prise en compte, il faut que le parent de l'élément ait une hauteur déterminée.

Bref, à moins que tu ne veuilles faire quelque chose de très spécifique, utiliser les pourcentages pour les valeurs verticales est une erreur.

Merci beaucoup pour tes conseils , j'ai finalement utilisé les pixels à la place des pourcentages et j'obtiens un résultat satisfaisant.
Modifié par Juan (25 Sep 2007 - 11:48)