Frage Unter zwei nebeneinandergereihten Tabellen weiterschreiben

[birte]

Hallo,
ich muss für Informatik in der elften Klasse eine html Seite erstellen.
Bisher lief das auch ganz gut und ich wollte jetzt (ist Pflicht) meine mündliche Einschätzung unter die Seite schreiben.

Vorher habe ich zwei Tabellen mit

table style="float:left;">
<tr>
<td>Tabelle 1</td>
</tr>
</table>
<table style="float:right;">
<tr>
<td>Tabelle 2</td>
</tr>
</table>

nebeneinander gelegt. Wenn ich jetzt versuche, etwas unter beide Tabellen zu schreiben, halt normal weiter,
dann reiht sich das einfach an Tabelle zwei links unten an,
weil die linke Tabelle länger ist, als der Text rechts. Wie kann ich das ändern?

Vielen Dank :)

 

[Gelöschtes Mitglied 36401]

float ist out, beschäftige dich mit Flexbox und Grid.

 

[Sailor]

Nun ja... mit 'float' zu arbeiten ist nicht die beste Möglichkeit! Schau dir CSS Flexbox an (https://css-tricks.com/snippets/css/a-guide-to-flexbox/) , das wäre die Masterlösung.

Wenn du bei float bleiben willst, dann musst du hinter dem 2. </table> ein <br clear="both"> einfügen.
Oder besser <br style=" clear: both;"> .

 

[djheke]

Bsw. so.
<p style="clear:both">Text</p>

Reicht völlig aus. Ist ja nur Schul-Informatk.

 

[birte]

Danke für eure Antworten. Ich werds mal ausprobieren :)