Salut tlm!
Voila, j'ai décidé de changer mon site et de n'utiliser que les CSS et seulement dans certains cas les tableaux
Mais voila, j'ai un problème :
je définis un style comme ceci :
Code :
- .element_menu {
- padding-right:3px;
- padding-left:2px;
- margin-right:2px;
- vertical-align:middle;
- border:1px;
- border-color:#FFFFFF;
- border-style:solid;
- display:inline;
- font-size:15px;
- }
- .bloc_menu {
- width:800px;
- border:1px;
- border-color:#FFFFFF;
- border-style:solid;
- font-weight:bold;
- display:block;
- padding-top:3px;
- padding-bottom:3px;
- margin-left:2px;
- }
|
Je définis dans ma pages HTML :
Code :
- <div class="bloc_menu" align="center">
- <div class="element_menu"><a href="index.php"><img src="images/home.gif" width="18" height="16" border="0" alt="Accueil" align="top"></a></div>
- <div class="element_menu"><a href="groupe_etranger.php" title="Groupes étrangers">Groupes étrangers</a></div>
- <div class="element_menu"><a href="groupe_etranger.php?francais=oui" title="Groupes Francais">Groupes français</a></div>
- <div class="element_menu"><a href="divers.php" title="Dossiers">Dossiers</a></div>
- <div class="element_menu"><a href="chronique.php" title="Chroniques">Chroniques</a></div>
- <div class="element_menu"><a href="report.php" title="Live reports">Live reports</a></div>
- <div class="element_menu"><a href="livre_dor.php" title="Livre d'or">Livre d'or</a></div>
- <div class="element_menu"><a href="#" title="Liens">Liens</a></div>
- <div class="element_menu"><a href="#" title="Multimédia">Multimédia</a></div>
- <div class="element_menu"><a href="#" title="Contact">Contact</a></div>
- </div>
|
Mais entre Internet Explorer et Netscape, ils ne m'affichent pas la même chose dans le sens ou j'ai l'impression que netscape met par défaut des espaces entre chaque div, du coup ca me décale tout car le contenu ne rentre plus en 800px.
Voila, est-ce que quelqu'un sait de quoi ca peut venir??
Merci d'avance!