Impossible de centrer mon menu déroulant ?

Bonsoir à tous,

La page concernée est valide (X)HTML strict...

Avec exactement le même code est la même CSS sur une page le menu déroulant est centré sur l'autre elle ne l'est pas...

J'ai beau chercher je ne trouve pas la solution.


La page concernée : http://www.about-django.com/news/videos/videos.php


Le code :

<div class="bloc">
<p class="form">
<select name="Vidéos" onchange="MM_jumpMenu('parent',this,0)">
<option value="#" selected="selected">choisissez une vid&eacute;o</option>
<optgroup label="Django Reinhardt">
<option value="#jattendrai">J'attendrai</option>
<option value="#poker">La partie de poker</option>
<option value="#train">la sc&egrave;ne du train</option>
<option value="#hague">Hague 1937</option>
<option value="#electrique">&eacute;lectrique</option>
<option value="#dj45">1945</option>
<option value=" #djny">New York</option>
</optgroup><optgroup label="St&eacute;phane Grappelli">
<option value="#minorswing">Minor Swing</option>
</optgroup>
<optgroup label="Tchavolo Schmitt">
<option value="#tchavolo">Extrait Swing</option>
<option value="#tchavolojapon">Au japon</option>
</optgroup>
<optgroup label="Stochelo Rosenberg">
<option value="#stochelo">Improvisation</option>
<option value="#stochelo">Les yeux noirs</option>
<option value="#stochelo">Armando's Rhumba</option>
</optgroup>
<optgroup label="Rapha&euml;l Fa&yuml;s">
<option value="#raphael_minor_swing">Minor Swing</option>
<option value="#daphne">Daphne</option>
</optgroup>
<optgroup label="Louis Fa&yuml;s">
<option value="#louis_pompe">Explication pompe</option>
</optgroup>
<optgroup label="Bir&eacute;li Lagr&egrave;ne">
<option value="#bireli">My melancholy baby</option>
</optgroup>
<optgroup label="Jimmy Rosenberg">
<option value="#jimmy">Minor Swing</option>
<option value="#jimmy">Micro</option>
</optgroup>
<optgroup label="Dorado Schmitt">
<option value="#dorado">Boeuf privé</option>
</optgroup>
<optgroup label="Christophe Lartlleux">
<option value="#christophe">I'll see you in my dreams</option>
</optgroup>
<optgroup label="Stephane Wrembel">
<option value="#stephane_minor_blues">Minor Blues</option>
</optgroup>
</select>
</p>
</div>

La css :

.form {
text-align:center;
margin-left:auto;
margin-right:auto;

}

qui se trouve ici : http://www.about-django.com/news/videos/videos.css

Merci pas avance pour vos suggestions
Modifié par fredroy (26 Feb 2006 - 21:51)

Bonsoir,

a écrit :
Avec exactement le même code est la même CSS sur une page le menu déroulant est centré sur l'autre elle ne l'est pas...

? Ca veut pas dire grand chose pour quelqu'un qui est n'est pas impliqué dedans. Tu peux être plus explicite stp?

Cel signifie que pour la page "vidéos"

http://octopusgarden.free.fr/video.gif
Le menu déroulant n'est pas centré


et avec le même code sur la page "Biblio" :

http://octopusgarden.free.fr/biblio.gif


Le menu est centré

Tu test sur quel navigateur? T'es sur Mac non?

bonjour,
je ne voit pas ce probleme dans firefoxe ni dans IE, essai de mettre une marge de 1.1em haute et basse a la liste ...
dans quel navigateur as tu pris ce "screenshot" ?
a plus

Lu
tu devrais attribuer une largeur a .form pour qu'il puisse se centrer

Hermann a écrit :
Tu test sur quel navigateur? T'es sur Mac non?

Oui je suis sur Mac.. J'utilise Firefox et safari. Avec la version precedente de Firefox 1.5, je n'avais pas ce pb.

Avec Opéra c'est pareil.

gcyrillus a écrit :
bonjour,
je ne voit pas ce probleme dans firefoxe ni dans IE, essai de mettre une marge de 1.1em haute et basse a la liste ...

D'accord, je vais essayer

gcyrillus a écrit :

dans quel navigateur as tu pris ce "screenshot" ?
a plus

Safari (mais avec Firefox c'est pareil)
Modifié par fredroy (27 Feb 2006 - 06:15)