28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un bloc div qui contient un tableau. Lui-meme etant dans un div englobant.
Le code:
<div class="contenu">
  <div class="theme">
    <table>
     ...
    </table>
  </div>
</div>

et

.contenu {
  margin:0px;
  padding:0px;
  text-align:center;
}
.theme {
  margin: 0px 0px 0px 15px;
  padding: 0px;
  width:100%;
  background-color:#00cc66;
}  


Je voudrais que mon tableau prenne tout l'espace avec une marge à droite et à gauche.
J'ai essayé :

.theme table {
  margin: 0px 15px 0px 15px;
  padding: 0px;
  width: 100%;
}

Pb ca déborde à droite avec ie Smiley decu
J'ai essayé :

    
.theme table {
  padding: 0px;
  width: 96%;
}

Pb Firefox ne me centre pas le tableau contrairement à ie Smiley decu

Comment je dois m'y prendre ?

Merci pour votre aide
p_tite_jo a écrit :
salut, essaie ça :

{margin: 0 auto ;}

Ce n'est pas centré sous ie5 Smiley decu
J'ai testé dans .theme table, c'est bien là qu'il fallait que je le mette ?

Merci quand même.