La pleine Largeur de la Page Table - HTML/CSS

Ce définit simplement une table et des jeux de la largeur à 100%, mais le tableau ne déforme pas la largeur de la page.

Apparemment il fonctionne dans Firefox 4. J'ai été tester dans Chrome 11

http://jsfiddle.net/CWNJM/

<html>
<head>
<style type="text/css">
    table, th, td
    {
        border: 1px solid black;
        border-collapse:collapse;
        width: 100%;
    }
</style>
</head>
<body >
<table align="center" >
    <tr><td align="center" valign="middle"><img width="100%" border='0' id="main_img" src="http://example.com/EiE99"/></td></tr>
</table>
</body>
</html>
  • J'ai juste essayé votre code dans FF 4 et il s'étendait parfaitement bien, même a continué de s'étendre dynamiquement comme je l'ai redimensionné la fenêtre.
  • il fonctionne très bien dans le lien que vous avez fourni.
  • Je n'ai pas cette version, mais chrome 10 fonctionne très bien.
InformationsquelleAutor SamB | 2011-03-27
  1. 2

    Il ne fonctionne pas correctement dans Webkit (Google Chrome dev channel). L'élément contenant a besoin d'au moins un de ces deux:

    margin: 0;
padding: 0;

    Alors il fonctionne. J'ai utilisé body { margin: 0; padding: 0; }

    Edit: il Semble que padding: 0; était ce qui était nécessaire que particulier "jsfiddle".

    InformationsquelleAutor Victor Zamanian