2 Spalten gleichhoch

[Kalle_Worms]

Hallöle,

ich möchte erreichen, dass zwei Spalten mit Border gleich hoch werden, also die Höhe der größeren Spalte annehmen wie in einer Tabelle:
+-------------------------+-------------------------+
! Blah, blah              ! Blah, blah              !
!                         ! Blah, blah              !
!                         ! Blah, blah              !
+-------------------------+-------------------------+
... und blubb!

der untenstehende Code ergibt jedoch:
+-------------------------+-------------------------+
! Blah, blah              ! Blah, blah              !
+-------------------------+ Blah, blah              !
                          ! Blah, blah              !
                          +-------------------------+
... und blubb!

.li   { width:49%; float:left; border:1px solid #00a; }
.re   { width:49%; float:right; border-top:1px solid #00a; }

<div class='li'>
Blah, blah
</div>
<div class='re'>
Blah, blah
<br>Blah, blah
<br>Blah, blah
</div>
<p style='clear:both'>... und blubb!</p>

Wie geht das?

LG, Kalle

[Ingo Turski]

Hi,

Wie geht das?

mit einer Tabelle bzw. typischen Tabelleneigenschaft.
Vielleicht schaust Du Dich zumindest in den gerade aktuellen Threads einmal um, denn Du bist nicht der Einzige hier, der so etwas sucht.

freundliche Grüße
Ingo

[Kalle_Worms]

Hi, Ingo,

mit einer Tabelle bzw. typischen Tabelleneigenschaft.

natürlich, aber ich möchte per austauschbarer CSS-Datei erreichen, dass Fliesstext mal einspaltig, mal zweispaltig "fliesst" (verschiedene Abteilungen eines Kunden), das geht mit Tabelle nicht.

Vielleicht schaust Du Dich zumindest in den gerade aktuellen Threads einmal um, denn Du bist nicht der Einzige hier, der so etwas sucht.

... mmmh, habe nach dem Begriff "spalte" gesucht und nichts gefunden.

Lieben Gruß. Kalle

[wahsaga]

hi,

Vielleicht schaust Du Dich zumindest in den gerade aktuellen Threads einmal um, denn Du bist nicht der Einzige hier, der so etwas sucht.

... mmmh, habe nach dem Begriff "spalte" gesucht und nichts gefunden.

https://forum.selfhtml.org/?t=93159&m=562393 ff.

gruß,
wahsaga

[Matthias Jütte]

Hallo Kalle!

Du könntest noch einen <div> drumrum packen, der die gleiche Hintergrundfarbe hat, wie der rechte. Dann braucht es nach dem rechten div noch eine <span>, die die Eigenschaft clear:both verpasst bekommt, und es müßte so aussehen, wie du dir das wünschst.

Ansonsten Archiv, gab's - wie Ingo bereits sagte - schon oft genug (meist in der dreispaltigen Variante).

Gruß

Matthias