Comment placer le “tableau” au milieu de la page web?

J'ai un très de base de la structure de la Table pour être placé dans le milieu/centre de la page web. J'Ai un code en dessous, je sais que c'est incomplet pour ce faire, comme je suis mal dans la structuration de la partie HTML, s'il vous plaît aider moi

<div align="center" style="vertical-align:bottom">
<div align="center" style="vertical-align:bottom">
<table>
<tr><td colspan="2"></td></tr>
<tr><td>Name</td><td>J W BUSH</td></tr>
<tr><td>Proficiency</td><td>PHP</td></tr>
<tr><td>COmpany</td><td>BLAH BLAH</td></tr>
</table>
</div>
</div>

Aussi d'expliquer le concept à l'origine de la demande de biens et CSS dans la réalisation de ce temps de structuration. de sorte que je peux l'utiliser dans la poursuite de l'apprentissage....

Je suis complètement débutant et muets en HTML-CSS utiliser... Donc je vous demande à tous les technophiles et Geeks de supporter avec mes questions idiotes de HTML, CSS structurer.. s'il vous Plaît ne pas laisser les commentaires qui me démoraliser pour aller de l'avant avec l'apprentissage comme "Est-il des Devoirs à faire..." ou "frais de scolarité des CLASSES", etc...

Milieu de la page comment? Horizontalement, verticalement ou les deux?
Les deux, au centre de la page equi distance de l'axe x et y
S'il vous plaît ne pas utiliser des tableaux pour la mise en page.. Si c'est pour des données tabulaires puis de les ignorer, ce commentaire.
C'est fondamentalement pour la création de la Page de Connexion donc si pas de Tableaux, alors comment puis-je le faire fonctionner avec des DIV structure?
Soit je ne comprends pas votre question ou vous êtes un malentendu que les tables sont... Vous pouvez facilement remplacer les tables avec des div et s'étend. À l'aide de tableaux pour la mise en finissent presque toujours dans les maux de tête 🙂

OriginalL'auteur OM The Eternity | 2012-04-06

12

La plus courte et la plus simple, la réponse est: vous ne devriez pas à la verticale du centre de choses dans les pages web. HTML et CSS ne sont tout simplement pas créé dans cet esprit. Ils sont la mise en forme du texte langues, pas de conception de l'interface utilisateur langues.

Cela dit, c'est la meilleure façon que je peux penser. Toutefois, cela ne fonctionne PAS dans Internet Explorer 7 et ci-dessous!
```
<style>
  html, body {
    height: 100%;
  }
  #tableContainer-1 {
    height: 100%;
    width: 100%;
    display: table;
  }
  #tableContainer-2 {
    vertical-align: middle;
    display: table-cell;
    height: 100%;
  }
  #myTable {
    margin: 0 auto;
  }
</style>
<div id="tableContainer-1">
  <div id="tableContainer-2">
    <table id="myTable" border>
      <tr><td>Name</td><td>J W BUSH</td></tr>
      <tr><td>Proficiency</td><td>PHP</td></tr>
      <tr><td>Company</td><td>BLAH BLAH</td></tr>
    </table>
  </div>
</div>
```
pourriez-vous expliquer comment la table du conteneur 1, 2 et mytable de style travaille ici pour la div et de la table, respectivement?
Mais ce n'est pas affichée au milieu de la page, à égale distance de haut et ses apartés seulement au centre de apartés
Cette seulement horizontale de centrage.
Il doit travailler, quel navigateur utilisez-vous?
Fire Fox Version 8.0

OriginalL'auteur Peter
9

Essayez ceci :
```
<style type="text/css">
        .myTableStyle
        {
           position:absolute;
           top:50%;
           left:50%; 

            /*Alternatively you could use: */
           /*
              position: fixed;
               bottom: 50%;
               right: 50%;
           */


        }
    </style>
```
est cette classe à être appliqué sur la Table?
Qui A Travaillé Parfait.....
Maintenant, pourriez-vous expliquer comment fonctionne t il?
Tellement facile, c'est simple classe : - il dire que je veux que mon tableau pour être placé à 50% sur le haut de la page(qui signifie dans le milieu Vertical) et de 50% sur la gauche(milieu de page horizantly). veuillez cliquer sur le bouton Sloved.
Ce que cela fait, c'est qu'il met le coin supérieur gauche de la table au centre de la page. Il n'est donc pas vraiment de centrage, mais assez proche.

OriginalL'auteur Chlebta

Vous devez vous connecter pour publier un commentaire.