Tabellen nebeneinander

[Dane315]

Ich habe forgende Tabellen:


<div style=" height:150px; width:535px; font-size:12px; overflow-y:auto; overflow-x:hidden; border: 4px solid #EED5FF; padding:0px;">

<table width="100%" border="0" cellspacing="3" cellpadding="2" >
<tr bgcolor="#6945FA">
<td><b><span style="color:#FFFFFF">Besucher</span></b></td>
<td><b><span style="color:#FFFFFF">Browser</span></b></td>
<td><b><span style="color:#FFFFFF">%</span></b></td>
</tr>
<tr>
<td>15772</td>
<td>Mozilla Firefox</td>
<td>73%</td>
</tr>
<tr>
<td>4581</td>
<td>Internet Explorer 6</td>
<td>21.2%</td>
</tr>
<tr>
<td>442</td>
<td>Mozilla</td>
<td>2%</td>
</tr>
<tr>
<td>122</td>
<td>Opera</td>
<td>0.5%</td>
</tr>
<tr>
<td>100</td>
<td>Safari</td>
<td>0.4%</td>
</tr>
<tr>
<td>99</td>
<td>Netscape</td>
<td>0.4%</td>
</tr>
<tr>
<td>15772</td>
<td>Mozilla Firefox</td>
<td>73%</td>
</tr>
<tr>
<td>4581</td>
<td>Internet Explorer 6</td>
<td>21.2%</td>
</tr>
<tr>
<td>442</td>
<td>Mozilla</td>
<td>2%</td>
</tr>
<tr>
<td>122</td>
<td>Opera</td>
<td>0.5%</td>
</tr>
<tr>
<td>100</td>
<td>Safari</td>
<td>0.4%</td>
</tr>
<tr>
<td>99</td>
<td>Netscape</td>
<td>0.4%</td>
</tr>

</table>

</div>
<br>


3 stück von denen... aber sie erscheinen alle untereinander.
Wie kriege ich sie nebeneinander?

Und ist die Tabelle so in Ordnung oder gibt es mittlerweile einen besseren Weg?

 

[MrMurphy]

Hallo,

Wie kriege ich sie nebeneinander?

da gibt es mehrere Möglichkeiten. Zum Beispiel mit float oder dem Flexbox-Modell. Dazu musst du natürlich die Breite der divs anpassen.

Und ist die Tabelle so in Ordnung oder gibt es mittlerweile einen besseren Weg?

Mittlerweile? Wenn du 14 Jahre als mittlerweile bezeichnen willst.

Da es sich um keine Tabellendaten sondern um Listen handelt wäre das dl-Element geeigneter. Aber damit sind bis heute viele Webseitenersteller überfordert. Die Tabelle ist immer noch die zweitbeste Lösung. Allerdings solltest du die Tabellen durch einen Validator jagen und die sachlichen Fehler beseitigen.

Das Aussehen / Layout im HTML-Quelltext zu bestimmen ist in jedem Fall seit der Einführung von CSS2 im Jahre 2000 veraltet.

Gruss

MrMurphy

 

[Dane315]

Wow 14 Jahre... hmm ja muss wohl noch einiges lernen

ja da war ich mit flexbox wohl auf dem richtigen weg iss nur sooo krass kompliziert... ich probiere das andere hoffentlich reicht float für den anfang

danke