Zeilenumbruch zwischen Tabellen verhindern

[JoFloyd]

Hallo zusammen,

ich möchte zwei Tabellen nebeneinander anordnen. Sie werden aber immer untereinander dargestellt.
Wie kann ich diesen Zeilenumbruch verhindern?

Kann mir wer helfen?

Danke

[schmalle]

indem du die tabellen in eine weitere tabelle legst.

[XGremliN]

Mit css, per style="display:inline" in der Tabellendefinition sollte es gehen.

[JoFloyd]

Danke, danke,

die Tabellen in eine weitere Tabelle zu legen ist nicht so gut. Der Sinn sollte ja sein, dass die Tabellen angezeigt werden solbald sie geladen sind, also nacheinander. Wenn die zwei Tabellen nun in eine weitere gelegt werden, wird die erste auch erst dann angezeigt wenn die zweite geladen ist!

display:inline gefällt mir da schon wesentlich besser. Hatte ich aber schon versucht. Geht irgendwie auch nicht!

Noch andere Tips?

Danke

[XGremliN]

Du könntest versuchen die Tabellen in div-Tags zu packen und dann nebeneinander anzuordnen.

[JoFloyd]

Danke,

das mit den div-tags hatte ich zwar auch schon erfolglos versucht aber anscheinend nicht mit in Kombination mit style="display:inline" in der Tabellendefinition:

Jetzt sieht es so aus:

<span id="content_left" style="height:100%; border:#004080 solid 1pt;" >
<table height="100%" style="display:inline">
<tr>
<td valign="top">
......
</td>
</tr>
</table>
</span>

<span id="content_right" >
<table height="100%" style="display:inline">
<tr>
<td valign="top">
...........
</td>
</tr>
</table>
</span>


Und es funktioniert.

Danke

[wahsaga]

Original geschrieben von JoFloyd
Und es funktioniert.

und es ist falsch.

<span> ist ein inline element, darf also keine block level elemente wie <table> enthalten. verwende <div> statt <span>.

[JoFloyd]

Sobald ich div nehme geht es nicht mehr!
Wie sollte es denn richtig sein?

[wahsaga]

Original geschrieben von JoFloyd
Sobald ich div nehme geht es nicht mehr!
Wie sollte es denn richtig sein?

div ist ein block level element, erzeugt also wieder einem umbruch.
um den zu verhindern, muss also auch der div wiederum mit display:inline formatiert werden. (was natürlich etwas ganz anderes ist, als stattdessen gleich in html ein inline-element zu verwenden ...)

[mrhappiness]

was hältst du davon, die tabellen mit float:left oder float:right (ganz wie du willst) anzuordnen?

dann solltest du auch keine conteinerelemente mehr benötigen