Comment Créer de la taille des Tableaux en HTML? (Pas de marges, Pleine Fenêtre)

Je veux créer une base de deux colonnes de mise en page en HTML avec un tableau, mais je veux que le tableau de "occupy" à la PAGE COMPLÈTE. sans marges ("espaces blancs" entre les frontières et la fenêtre du navigateur), laissez-moi être plus clair avec un exemple:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 4</title>
<meta name="Microsoft Theme" content="none">
</head>

<body>

<table border="4" width="100%" height="567" style="border-collapse: collapse; border: 3px solid #FF0000" bordercolorlight="#FF0000">
<tr>
    <td bgcolor="#008080">&nbsp;</td>
    <td width="160" bgcolor="#000000">&nbsp;</td>
</tr>
   </table>

   </body>

   </html>

Comme vous pouvez le voir, nous avons une table verte avec un noir à la barre latérale et des bordures rouges, le tout sur un fond blanc. La chose est, je veux les frontières pour être "absolue" sans avoir d'espace entre l'utilisateur de la fenêtre du navigateur et eux. Je veux que le tableau d'occuper toute la Page sans espaces ou des "marges" ou ce qu'ils sont, désolé d'être redondant.

Comment puis-je le faire?

InformationsquelleAutor Jmlevick | 2011-03-19
  1. 2

    Cela devrait le faire:

    <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 4</title>
<style>
  body {
    margin: 0px;
    padding: 0px;
  }
  .container {
    width: 100%;
    min-height: 567px;
    padding: 0px;
    border: 3px solid #FF0000;
  }
  .container .content {
    background-color: #008080;
  }
  .container .sidebar {
    background-color: #000000;
    width: 160px;
  }
</style>
</head>

<body>

<table class="container">
<tr>
    <td class="content">&nbsp;</td>
    <td class="sidebar">&nbsp;</td>
</tr>
</table>

</body>

</html>
    InformationsquelleAutor RDL
  2. 0

    @RDL: Yep, j'ai aussi trouvé une autre façon de faire, voici l'exemple de code (Commentaires en espagnol):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tabla ajustable al navegador y colunma fija de 200px</title>
<style type="text/css">
* {
    margin: 0;
    padding: 0;
    overflow: auto;
}
#tabla {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #444;
    background-color: #ffc;
}
.celda_dcha {
    width: 200px;
    border: 1px solid #444;
    background-color: #cfc;
}
</style>
</head>

<body>
<!-- los bordes y colores son para testar la maqueta -->
<!-- este esquema se adapta a cualquier resolución de pantalla, conservando la columna de la derecha siempre los 200px -->
<!-- probado en iexplorer 7 y 8, ff 3.6, opera 10 y safari 5 -->
<table id="tabla">
    <tr>
        <td>Contenido</td>
        <td class="celda_dcha">Columna para imágenes</td>
    </tr>
</table>
</body>

</html>

    P. S. Merci pour votre aide, Votre méthode a également fait 😉

    • beau travail. Soyez prudent avec le '*' dans votre css. Il peut parfois avoir des effets différents dans les différents navigateurs en fonction de comment il est utilisé.
    • Une autre question: Que code que j'ai écrit là-haut marchait très bien... Le seul problème que je vais avoir c'est que la barre latérale de droite n'est pas adapter à différentes résolutions d'écran, je veux dire, c'ajuster jusqu'à ce que "1080px" hauteur approximative, mais quand vous sortez avec des 1200px le bar se sépare du pied de page (Oui, j'ai un pied de page trop) le côté gauche de la table ne semble pas être afected à tous, il semble bien, dans tous les écrans, le pied de page s'adapte aux résolutions trop de changements, mais la barre latérale de droite de droite ou de "colonne" de la table n'est pas pourquoi? J'espère que vous pouvez aider.
    • Je voudrais voir votre code. Un tableau ne doit jamais "à part" lui-même lors du changement de navigateur largeurs. La table doit expansion, mais la barre latérale de ne pas obtenir une plus grande largeur-sage qu'elle est définie à une largeur fixe.
    • c'était un Doctype problème, résolu par moi-même: goo.gl/hxdhH il y a la question je l'ai ouvert pour que le problème avec la réponse que j'ai trouvé. Merci! 😉
    InformationsquelleAutor Jmlevick