✔ div - Höhe dem äußeren Container anpassen

[blubbbla]

Ich habe zwei divs nebeneinander. Diese zwei befinden sich in einem Container. Nun möchte ich zwischen diese zwei eine vertikale Linie ziehen. Allerdings ist die Höhe der zwei divs imemr variabel - also kann ich auch keine Höhe festlegen. Wie krieg ich das hin, dass div.line sich dem div.blockzeile anpasst ?

<div class="blockreihe">
	          	<div class="block_left"> <hr />
                         	links
</div>
                                  <div class="text_right">
                                         <h3>überschrift</h3>
                                          <ul>
                                                 <li><a href="#">fdgfdgfh</a></li>
                                                 <li>&nbsp;</li>
                                                 <li><a href="#">gffgbf</a></li>
                                                 <li>&nbsp;</li>
                                                 <li><a href="#">fgfdgdg</a></li>
                                                 <li>&nbsp;</li>
                                                 <li><a href="#">mehr</a></li>
                                          </ul>
                      	 	 </div>

	                  </div>
<div class="line">&nbsp;</div>
                           <div class="block_right"> <hr />
                         	links
</div>
                                  <div class="text_right">
                                         <h3>überschrift</h3>
                                          <ul>
                                                 <li><a href="#">fdgfdgfh</a></li>
                                                 <li>&nbsp;</li>
                                                 <li><a href="#">gffgbf</a></li>
                                                 <li>&nbsp;</li>
                                                 <li><a href="#">fgfdgdg</a></li>
                                                 <li>&nbsp;</li>
                                                 <li><a href="#">mehr</a></li>
                                          </ul>
                      	 	 </div>

	                  </div>

                           <div class="clear">&nbsp;</div>
	          </div>

 

[Maik]

Hi,

da wirst du einen Schiffbruch erleiden, da sich das DIV .line nicht der Höhe des umgebenden DIVs .blockreihe anpassen bzw. strecken lässt.

Aber vielleicht kann dir hier die Faux-Columns-Technik behilflich sein.

 

[mackattack]

Ich verstehe irgendwie die eine Aussage nicht.

Du hast 2 Divs "nebeneinander" und möchtest eine "horizontale Linie" zwischen den beiden Divs darstellen? Bist du sicher, dass du keine vertikale Linie meinst? Sorry, wenn ich das so frag, aber das war mir grad ein Dorn im Auge .

Gruß,
MackAttack

 

[blubbbla]

Auf dem Bild hab ich mal das Gerüst dargestellt. So soll das halt aussehen. Ja sorry meinte vertikale Linie

 

[Maik]

Wie gesagt, das DIV .line lässt sich nicht in der Vertikalen strecken bzw. automatisch der Höhe des umschliessenden DIVs anpassen.

Vielmehr solltest du die vertikale Linie mit einer Hintergrundgrafik umsetzen, die im DIV .blockreihe vertikal wiederholt wird.

 

[blubbbla]

Hm naja Grafik wollte ich eigentlich vermeiden

 

[Maik]

Die Grafik wäre lediglich 1*1px groß, und wird mittels repeat-y im DIV .blockreihe senkrecht wiederholt.

Ansonsten seh ich da keine Möglichkeit, dein Vorhaben umzusetzen.