Volle Breite Seite-Tabelle - HTML/CSS

Diese stellt einfach einen Tisch und legt die Breite auf 100%, aber in der Tabelle nicht zu dehnen die Breite der Seite.

Anscheinend funktioniert es in Firefox 4. Ich habe getestet in 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>

Ich habe gerade versucht deinen code in FF 4 und es reichte völlig in Ordnung, sogar noch weiter zu Strecken dynamisch wie ich es verkleinert das Fenster.
es funktioniert ganz Prima der link, den Sie zur Verfügung gestellt.
Ich habe nicht diese version noch nicht, aber chrome 10 funktioniert auch gut.

InformationsquelleAutor SamB | 2011-03-27

2

Es nicht richtig funktioniert in Webkit (Google Chrome dev channel). Das enthaltende element muss mindestens eine von diesen beiden:
```
margin: 0;
padding: 0;
```
Dann funktioniert es. Ich verwendet body { margin: 0; padding: 0; }

Edit: Scheint wie padding: 0; war, was gebraucht wurde, dass insbesondere "jsfiddle".

InformationsquelleAutor Victor Zamanian

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.