tableau contre div

**loan33** · 19/11/2006, 11h47

Bonjour,

Depuis toujours je crée mes sites avec des tableaux, la balise <table>.
Mais en surfant sur le web, il est indiqué que la balise div est beaucoup plus adaptée, avec un style css associé.

Je tente de transposer, mais je me heurte déjà à un probleme.

Comment fait-on pour centrer une balise div, à l'aide du css, dans une page
Pour être plus précis, je voudrais obtenir le résultat équivalent à ceci :

Code :

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

1
2
3
4
5
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td></td>
  </tr>
</table>

Merci pour votre aide

Cordialement

**Bisûnûrs** · 19/11/2006, 12h01

Centrer un élément en CSS, FAQ CSS.

**12monkeys** · 20/11/2006, 22h13

Bonsoir,

Excusez je m'immise dans la discussion, mais j'ai le même souci et j'ai fait ce qui est dit dans la Faq, mais ... ça ne marche pas !
Ce que j'ai fait :
Dans le css :

Code :

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

1
2
3
4
5
6
BODY {
	MARGIN: 0px;PADDING: 0px;TEXT-ALIGN: center
}
#centrer {
	MARGIN-LEFT: auto;MARGIN-RIGHT: auto;WIDTH: ...;TEXT-ALIGN: left
}

Dans le fichier htm :

Code :

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

1
2
3
4
5
6
7
<BODY>
<DIV id="centrer">
<TABLE>
.........
</TABLE>
</DIV>
</BODY>

J'ai alors supprimé les <DIV> dans le htm et là ma page web se centre mais le texte aussi... Je dois faire une connerie mais où ????

Merci de votre aide...

Edit : entre temps j'ai réfléchi

et j'ai compris qu'il fallais modifier le WIDTH: ... en WIDTH: 1000px, mais je n'ai pas encore compris quelle valeur il fallais mettre : la taille de l'écran ? ou alors la taille du tableau ???

Merci.

**Bisûnûrs** · 20/11/2006, 22h26

C'est nomal que le texte se centre aussi.

Dans les éléments dont tu veux aligner le texte à gauche tu rajoutes :

Code CSS :

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

texte-align:center;

Je te conseille aussi de tout écrire en minuscules : balises, attributs, propriétés.

Edit : Tu mets la taille que tu veux donner à ton élément, tout simplement :
200px si tu veux que on élément ne fasse que 200px par exemple.

**12monkeys** · 20/11/2006, 22h55

Merci ça marche...

Pour ce qui est des majuscules, c'est parce que j'ai un peu regardé sur les grands sites (fnac, orange, caramail...) pour voir un peu comment ils faisaient et à chaque fois les codes étaient mis en majuscule... je pensais que c'était necessaire...
Je mettrais tout en miniscules, d'ailleurs je préfère...

tableau contre div

Tableau en CSS

Discussions similaires

Partager

Partager