ET_Dortmund: Dreispaltiges Layout

Beitrag lesen

Hallo zusammen,

habe ein Problem mit dreispaltigem CSS-Layout. Ich habe das Beispiel des dreispaltigen Layouts mit css genommen

http://de.selfhtml.org/css/layouts/mehrspaltige.htm#dreispaltig

und um alle drei Spalten ein weiteren <div> mit Border gesetzt.

<div style="border-bottom: solid 1px #DFDFDF;">
  <ul id="Navigation"> (als style --> float: left; width: 18em;)
    ....
  </ul>

<div id="Info"> (als style --> float: right; width: 12em;)
    <strong>Info-Box</strong>
    <p>....</p>
  </div>

<div id="Inhalt">
    <h1>CSS-basierte Layouts</h1>
    <p>...</p>
  </div>
</div>

Leider geht der rechte DIV Bereich (id: Info - hat float:right), über die untere Linie des äußeren DIV hinaus. Was läuft hier falsch?

Vielen Dank für jede Hilfe.