nicht angemeldet
Dreispaltiges Layout
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.
-
Grüße,
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?
nix - das ist die schöne welt des float ^^
setz da ein punkt oder oder irgendwas rein und gib dem CSS-eigenschaft clear:both;
dieses element wird die untere grenze aufspannen. (der muss natürlich im äußersten div aber als letzter stehen)MFG
bleicher--
__________________________-
Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
Lieber bereuen gesündigt zu haben, als nicht sündigen und es später trotzdem bereuen.
Boccaccio-
das hat geholfen - vielen Dank
-