nicht angemeldet
Hallo Forum,
ich bin ein Tabellenliebhaber... In meiner "tollsten" Webseite habe ich insgesamt 26 Tabellen ineinander verschachtelt.
Das soll sich nun ändern, aber es scheitert schon bei kleinigkeiten, die bei der Tabelle ein kinderspiel waren.
Der code vorher war so:
<table style="width: 100%">
<tr>
<td>
<table style="width: 300px">
<tr>
<td style="text-align:left">Text</td>
<td style="text-align:right">Text</td>
</tr>
</table>
</td>
</tr>
</table>
Mein Versuch das ganze nun ducrh div zu entschärfen versagte kläglich.
<div style="width: 804px; border: 1px #7791B0 solid; vertical-align: middle; margin: 0px;">
<div style="width: 500px; text-align: left; float: left; padding: 0px; margin: 0px;">Text</div>
<div style="width: 300px; text-align: right; float: right; padding: 0px; margin: 0px;">Text</div>
</div>
die beiden inneren divs sollen einfach nur nebeneinander. mit float geht das, aber er fügt immer eine leerzeile ein, wenn zwischen den beiden div's kein platz ist. 500 und 300px geht nicht.. aber 500 und 200 geht.. da fügt er keine leerzeile ein.
Ist das wirklich alles so schwer?
Gibt schon viele themen in diesem forum darüber, hab aber keine direkte lösung gefunden.
es sollte auf jedenfall für alle browsertypen geeignet sein.
display inline ignoriert den text-align eintrag.. und die texte begegnen sich in der mitte.
Ich möchste, das die zwei innen div's genau so groß sind wie das außending und das am besten ohne leerzeile.
Vilen Dank für eure Hilfe