Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</title> <style> th,td { border: 2px solid #666; } table.t1 { table-layout: fixed; width: 250px; } table.t2 { table-layout: auto; width: 100%; } </style> </head> <body> <h2>Beispiel für die Eigenschaft table-layout</h2> <h3>Table-layout: fixed; width: 160px</h3> <table class="t1"> <tr> <th>Staat</th> <th>Hauptstadt</th> <th>Stadt</th> </tr> <tr> <td>Russland</td> <td>Moskau</td> <td>Sankt Petersburg</td> </tr> <tr> <td>England</td> <td>London</td> <td>Manchester</td> </tr> <tr> <td>Die Niererlande</td> <td>Amsterdam</td> <td>Haag</td> </tr> </table> <h3>Table-layout: auto; width: 100%</h3> <table class="t2"> <tr> <th>Staat</th> <th>Hauptstadt</th> <th>Stadt</th> </tr> <tr> <td>Russland</td> <td>Moskau</td> <td>Sankt Petersburg</td> </tr> <tr> <td>England</td> <td>London</td> <td>Manchester</td> </tr> <tr> <td>Die Niederlande</td> <td>Amsterdam</td> <td>Haag</td> </tr> </table> </body> </html>