margin-left n'est pas prise en compte par IE [Résolu]

Naceur84 · 15/06/2011, 15h45

Bonjour,

je viens de faire un menu et en voulant le centrer j'ai lui affecté les valeurs margin-left et margin-right ca fonctionne bien avec Firefox mais en essayant avec IE le menu s'affiche d'une manière décalée vers la droite
voici mon code css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
.MargesMenu
{
	/*display:inline;*/
	position: absolute;
        margin-left:150px;
        margin-right:151px;	
	margin-top: 0px !important;
	margin-top: 0px;
	padding-top: 85px;
	z-index:40;
}

et pour le html j'obtiens

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="HeaderMenu">
<table id="ctl00_Menu2" class="MargesMenu" cellspacing="0" cellpadding="0" border="0">
...................
</table>

PS: Le menu que je viens de construire est en asp c'est pour ca il apparait le table en html( j'ai pas utilisé les balises ul et li.

Candygirl · 15/06/2011, 18h26

Hello,

Si tu veux qu'on puisse t'aider au mieux, tu dois poster tout le code (doctype y compris) qui permet de reproduire le bug et spécifier sur quelle(s) version(s) de IE tu rencontres ton problème. Sans cela, on ne peut qu'émettre des suppositions...

Par exemple, si tu as un text-align:center en ancêtre de ton HeaderMenu celui-ci aura un impacte sur la position de ton élément en absolute sur IE 6 (7?) qui partira alors du centre sans autre précision de ta part. Dans ce cas-là un left:0 suffit à corriger le problème.

Naceur84 · 16/06/2011, 11h12

Voici mon DocType:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Partant de ce que tu viens de mentionner

Citation:

Dans ce cas-là un left:0 suffit à corriger le problème.

C'était ça le problème :

Citation:

si tu as un text-align:center en ancêtre de ton HeaderMenu

C'est réglé maintenant.

Merci

15/06/2011, 18h26	#2
Candygirl Modératrice Inscription : juillet 2006 Messages : 1 529 Détails du profil Informations personnelles : Sexe : Âge : 40 Localisation : Suisse Informations forums : Inscription : juillet 2006 Messages : 1 529 Points : 1 869 Points : 1 869	Hello, Si tu veux qu'on puisse t'aider au mieux, tu dois poster tout le code (doctype y compris) qui permet de reproduire le bug et spécifier sur quelle(s) version(s) de IE tu rencontres ton problème. Sans cela, on ne peut qu'émettre des suppositions... Par exemple, si tu as un text-align:center en ancêtre de ton HeaderMenu celui-ci aura un impacte sur la position de ton élément en absolute sur IE 6 (7?) qui partira alors du centre sans autre précision de ta part. Dans ce cas-là un left:0 suffit à corriger le problème. __________________ Les bons réflexes: avant de poser une question: règles \| faq \| tutoriels \| recherche clarté, politesse, vocabulaire et orthographe soignés = efficacité remercier ceux qui ont pris le temps d'aider et si c'est le cas
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email