Comment Verticalement Diviser Une Page Web Sans L'Aide D'Une Table?

J'ai lu quelque part (sur un Débordement de Pile comme une question de fait!) que c'est une mauvaise idée d'utiliser des tables de mise en pages en html.

J'ai une page HTML qui doit être "divisé" en bas au milieu avec un peu de contenu en passant sur la gauche et une partie du contenu d'aller sur la droite. Au poing, j'aurais pensé à utiliser des tables imbriquées avec chacun de leurs largeurs de 50%. Je peux faire la même chose en utilisant div? Ou une autre html?

Je ne vois pas de raison de ne pas, pourriez-vous fournir une démo ou de préciser votre question?

OriginalL'auteur Jan Tacci | 2012-11-08

  1. 9
    <div style="float:left; width:50%;">
Left  <!-- Set Div As your requirement -->
</div>
<div style="float:left; width:50%;">
Right  <!-- Set Div As your requirement -->
</div>
    Pouvez-vous expliquer pourquoi cela fonctionne? Pourquoi, c'est la droite div pas float: right?

    OriginalL'auteur Akhil

  2. 0

    Ce devrait atteindre (très simplement) ce que vous voulez.

    body,html{height:100%}
div.mainLayout{float:left;width:50%}
div.clearFlt{clear:both}

<html>
<head>

</head>
<body>
    <div class="mainLayout">LeftContent
        <div class="clearFlt"></div>
    </div>
    <div class="mainLayout">LeftContent
        <div class="clearFlt"></div>
    </div>
</body>
</html>

    OriginalL'auteur George

  3. 0

    Une façon courante pour une présentation de la base est d'envelopper vos domaines en div conteneurs. Ces conteneurs sont positionnés et dimensionnés à l'aide de CSS.

    OriginalL'auteur Michel Feldheim

  4. 0

    Si vous allez inspecter le stackoverflow page (si vous utilisez firefox, cliquez-droit sur n'importe quel élément de la barre latérale sur la droite, et sélectionnez "Inspecter l'Élément"), vous verrez que la barre latérale est un élément div avec un flotteur de l'attribut. Pas de tables sur l'Inspecteur de la pile au bas de la page!

    C'est chrome...
    Hmmn ... je l'ai par défaut sur Firefox v16.0.1 installé sur Windows 7 que j'utilise maintenant.

    OriginalL'auteur Ronaldo Nazarea