[résolu] Problème de menu vertical sous mozilla...

Bonjour à tous,
Je viens de finir un site sous IE6 et...horeur...je n'ai pas le même resultat sur firefox.
J'ai un problème avec mes liens dans la partie menu qui sous firefox se présentent horizontalement comme si j'avais mis un float:left
Je suis novice et code surement très mal mais j'aimerais progresser un peu alors si vous avez des conseils ou encore mieux la solution...
voici l'URL www.carmonade.com/mm

body {
/*background-color: #AB190C;*/
background-color : black; 
margin : 0; 
text-align : center; 
font-family : verdana, arial, sans-serif; 
font-size : 16px;
scrollbar-face-color : black; /* couleur du bouton de l'ascenseur*/ 
scrollbar-track-color : black; /* couleur du fond de l'ascenseur*/
} 
#global {
margin-left : auto; 
margin-right : auto; 
width : 770px; 
text-align : left; 
} 
.head1 {
background-image : url('images/a_mm.jpg'); 
width : 770px; 
height : 127px; 
} 
.conteneur {
position : absolute; 
margin-top : 0; 
background-color : #ab190c; 
} 
.gauche {
background-image : url('images/b_mm.jpg'); 
background-repeat : no-repeat; 
width : 181px; 
height : 445px; 
top : 127px; 
float : left; 
} 
.menu_gauche a {
width : 141px; 
height : 30px; 
float : left; 
text-align : left; 
text-decoration : none; 
color : #ffffff; 
background : #ab190c; 
} 
ol {
list-style-type : none; 
padding : 0; 
margin-top : 20px; 
margin-left : 0; 
} 
li {
list-style-image : none; 
padding-left : 0; 
margin-left : 0; 
} 
:link {
color : white; 
} 
:visited {
color : white; 
} 
:hover {
color : yellow; 
font-weight : bold; 
} 
:active {
color : yellow; 
} 
.centre {
background-image : url('images/c_mm.jpg'); 
background-repeat : no-repeat; 
float : right; 
width : 589px; 
height : 445px; 
} 
h1 {
font-size : 140%; 
text-align : right; 
color : yellow; 
} 
h2 {
font-size : 100%; 
text-align : left; 
color : #64bbfe; 
} 
p {
font-size : 12px; 
color : white; 
} 
.diapo {
margin-top : 0; 
}

Merci d'avance...
Modifié le 27 Dec 2004 - 01:06

Je ne suis pas experte mais dans

.menu_gauche a {
width : 141px; 
height : 30px; 
float : left; 
text-align : left; 
text-decoration : none; 
color : #ffffff; 
background : #ab190c; 
} 

tu as mis des

float : left; 
text-align : left;

Essaie peut-être de les enlever.

Merci bambi c'était ça!!!
t plus forte que le roquefort! et moi....
j'ai un deuxième pb mon contenu ce decale parfois sous firefox
si t'as le temps, je vais chercher aussi mais dans tous les cas merci!

Je te conseil roquefortement de coder sous Firefox et d'effectuer les ajustements pour IE par la suite. Ça te permet d'avoir un code qui fonctionne presque partout sauf dans IE au lieu d'avoir un code qui fonctionne presque dans IE sauf partout !

C bon j'ai reussi...j'ai mis mon conteneur en position relative...
Faux que je comprenne pourquoi maintenant lol
mais bon j'avance...

Karmo a écrit :
C bon j'ai reussi...j'ai mis mon conteneur en position relative...
Faux que je comprenne pourquoi maintenant lol
mais bon j'avance...

Tu as seulement changer vers "relative" pour le conteneur ou bien tu as modifié autre chose du conteneur?
Si tu décris tes changements et la réussite qui en découle cela servira à tout le monde .
Pour les positionnements, une bonne adresse: Initiation au positionnement CSS

J'ai uniquement changé position: absolute en position: relative dans mon conteneur et il n'y a plus de décalage sur mon site centré concernant mon bloc contenu sur firefox.
ce qui donne:

.conteneur {
position : relative; 
margin-top : 0; 
background-color : #ab190c; 
}

ps: je voudrais mettre mon post en résolu mais je ne vois pas comment...rien dans la mise en forme...?

En éditant ton premier post (celui qui a créé ton sujet).
Tu dois être "loggé".