Schau mal, ob dieses eine Option ist
<table>
<tr>
<th>Rechnungsnummer</th><th>Rechnungsdatum</th><th>Rechnungshöhe</th><th>Status</th>
</tr>
<tr>
<td><a href="#">123456789</a></td><td>14.06.2014</td><td>12,50 €</td>
<td>bezahlt</td>
</tr>
<tr>
<td><a href="#">101112131415</a></td><td>14.05.2014</td><td>12,50 €</td>
<td>offen</td>
</tr>
</table>
table {
border-collapse: collapse;
}
td {
padding: 10px;
}
@media only screen and (max-width: 600px) {
table, td, tr {
display: block;
}
th {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ddd;
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 30%;
}
td:before {
position: absolute;
top: 10px;
left: 3px;
width: 30%;
}
td:nth-of-type(1):before { content: "Re. Nr.:"; }
td:nth-of-type(2):before { content: "Re. Datum"; }
td:nth-of-type(3):before { content: "Re. Höhe"; }
td:nth-of-type(4):before { content: "Re. Status"; }
}
Frag mal an deiner Uni einen zweiten Dozenten glaub mir, du wirst zwei verschiedene Meinungen haben. Und glaub mir auch, dass viele Dozenten keine Ahnung haben was draußen sich abspielt. Einmal gelernt, nie wieder weitergebildet.