Hallo,
ich versuche seit einigen Tagen ein zweispaltiges Layout zu erstellen. Das ist im Grunde nicht die Schwierigkeit, sondern das die beiden Spalten direkt aneinander liegen sollen und nur von einer 1px breiten Linie getrennt werden sollen.
Zudem kann es passieren, dass eine der beiden Spalten nach unten weiter läuft als die andere und somit muss die längere von beiden diese Trennlinie weiterführen.
Meine Frage ist ob das mit CSS überhaupt möglich ist (wenn ja wie?), da ich schon alles möglich versucht habe und es immer daran scheitert das die Spalten unterschiedlicher Länge sein können.
Danke für Eure Hilfe.
HTML-Code:
<html>
<head>
<title>Test</title>
</head>
<body>
<div>
<div style="float: left; border-left: 1px solid #DDDDDD;">
Medienschau<br />
Medienschau<br />
Medienschau<br />
Medienschau<br />
Medienschau<br />
Medienschau<br />
Medienschau<br />
Medienschau<br />
Medienschau<br />
Medienschau<br />
</div>
<div style="float: left; margin: 0px; padding: 0px; border-left: 1px solid #DDDDDD;"></div>
<div style="border-right: 1px solid #DDDDDD;">
Meldungen<br />
Meldungen<br />
Meldungen<br />
Meldungen<br />
Meldungen<br />
Meldungen<br />
</div>
</div>
</body>
</html>
