Hallo
ich habe eine Tabelle, bei der die Spalten sich nach folgenen Kriterien verhalten sollen
die Tabelle soll die komplette Seitenbreite haben
die 1. Spalte soll maximal so breit wie der Content sein
die 2. Spalte soll mindestens 320px breit sein
sollte bei der 1. Spalte Platz übrig sein, soll diese mit auf die 2. Spalte
sollte nicht genug Platz für beide Spalten sein, soll der Platz von nur der ersten weggenommen werden, die 2. Spalte soll bei mind. 320px bleiben.
Wie sieht hierführ am besten der css code aus?
Vielen Dank schonmal im Vorraus
ich habe eine Tabelle, bei der die Spalten sich nach folgenen Kriterien verhalten sollen
die Tabelle soll die komplette Seitenbreite haben
die 1. Spalte soll maximal so breit wie der Content sein
die 2. Spalte soll mindestens 320px breit sein
sollte bei der 1. Spalte Platz übrig sein, soll diese mit auf die 2. Spalte
sollte nicht genug Platz für beide Spalten sein, soll der Platz von nur der ersten weggenommen werden, die 2. Spalte soll bei mind. 320px bleiben.
HTML:
<html lang="de-DE">
<head>
<style>
#Tabelle td {
border: 1px solid black;
width: 100%;
}
#Tabelle .column1 {
width: auto;
}
#Tabelle .column2 {
min-width: 320px;
}
</style>
</head>
<body>
<table id="Tabelle">
<colgroup>
<col class="column1">
<col class="column2">
</colgroup>
<tr>
<td>Lorem ipsum dolor sit amet, consetetur sadipscing elitr</td><td>Lorem ipsum dolor sit amet</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet, consetetur sadipscing elitr</td><td>Lorem ipsum dolor sit amet</td>
</tr>
</table>
</body>
</html>Wie sieht hierführ am besten der css code aus?
Vielen Dank schonmal im Vorraus
Zuletzt bearbeitet von einem Moderator:
