Ausrichten am letzten "Geschwisterelement"?

[Yadgar]

Hi(gh)!

Ich habe zwischenzeitlich mal ein bisschen gegoogelt... und dabei das hier gefunden. Der reine Zweispaltensatz klappt damit gut (siehe Bild):

EDIT reparierter Link: das hier

Das Problem ist jetzt: wie bringe ich die Kapitelüberschrift dazu, mit ihrem Rahmen (hier noch <hr>, wird aber geeändert) sich über die ganze Breite zu erstrecken und unter der Bildspalte zu liegen zu kommen?

Der Code:

    <div id="LinkeSpalteText">
      <p>
	In classical architecture rustication is a range of masonry techniques giving visible surfaces a finish that contrasts in texture with the smoothly finished, squared-block masonry surfaces called ashlar. The visible face of each individual block is cut back around the edges to make its size and placing very clear. In addition the central part of the face of each block may be given a deliberately rough or patterned surface.[1]
      </p>
      <p>
	Rusticated masonry is usually "dressed", or squared off neatly, on all sides of the stones except the face that will be visible when the stone is put in place. This is given wide joints that emphasize the edges of each block, by angling the edges ("channel-jointed"), or dropping them back a little. The main part of the exposed face may worked flat and smooth or left or worked with a more or less rough or patterned surface. Rustication is often used to give visual weight to the ground floor in contrast to smooth ashlar above. Though intended to convey a "rustic" simplicity, the finish is highly artificial, and the faces of the stones often carefully worked to achieve an appearance of a coarse finish.[2]
      </p>
      <p>
	Rustication was used in ancient times, but became especially popular in the revived classical styles of Italian Renaissance architecture and that of subsequent periods, above all in the lower floors of secular buildings. It remains in use in some modern architecture.
      </p>
      <p>
	Similar finishes are very common in medieval architecture, especially in castles, walls and similar buildings, but here it merely arises from an unwillingness to spend the extra money required for ashlar masonry in a particular building, and lacks the deliberate emphasis on the joints between blocks. Though it often achieves a decorative effect, this is something of a by-product, and the exploitation for architectural effect within a single building of contrasts between rusticated and ashlar surfaces is rarely seen. In some buildings, such as the Palazzo Vecchio in Florence (begun 1298) something other than cost-saving is at play, and this may be the association of the technique with the display of power and strength, from its use in military architecture.[3] Rough finishes on stone are also very common in architecture outside the European tradition, but these too would generally not be called rustication. For example, the bases of Japanese castles (城, shiro) and other fortifications usually use rough stone, often very attractively.
      </p>
    </div>
    <div id="RechteSpalteBild">
      <p>
	<img src="220px-Palazzo_medici_riccardi_bugnato_01.jpg" alt="Palazzo Medici-Riccardi" width="220" height="293"><br>
	Two different styles of rustication in the Palazzo Medici-Riccardi in Florence; smooth-faced above and rough-faced below.
      </p>
      <p>
	<img src="220px-Chteau_de_Fontainebleau_2011_200.jpg" alt="Chateau de Fontainebleau" width="220" height="165"><br>
	Extreme Mannerist "cyclopian" rustication at the Palace of Fontainebleau
      </p>
    </div>
    <div class="ch">
      <h3>History</h3>
      <hr>
    </div>

und:

p, td, h2, h3, h4 { font-family:Arial,sans-serif; line-height:150% }

td { padding:5px }
tr.t { text-align:left }
tr.i { text-align:center }


div.tl { position:relative; width:75%; float:left }
div.tr { position:relative; width:75%; float:right }
div.il { position:relative; width:20%; float:left }
div.ir { position:relative; width:20%; float:right }
div.ch { width:100% }
div.tab { width:100% }

#LinkeSpalteText { background-color:#ddddff; width:75%; float:left }
#RechteSpalteBild { background-color:#ffdddd; width:20%; margin-left:5%; float:right }
#LinkeSpalteBild { background-color:#ddddff; width:20%; margin-right:5%; float:left }
#RechteSpalteText { background-color:#ffdddd; width:75%; float:right }

Bis bald im Khyberspace!

Yadgar