Hallo Leute,
ich muss für die Uni eine Seite in XHTML+CSS basteln.
Im Moment stehe ich vor einem kleinen Problem.
Ich habe einem Text Rechtsabstand zugewiesen, damit ich rechts von dem Text (aber im selben div) kleine Bilder und Tabellen einfügen kann.
Mit float: right; habe ich es immerhin geschafft ein Bild neben dem Text zu positionieren. Will ich aber nun eine Tabelle unterhalb des Bildes einfügen (was ich bis jetzt auch nur mit provisorischem Massen-<br /> geschafft habe) rutscht der Text auf die Höhe der neuen Tabelle. Ich nehme an, weil der gesamte Text in einem <p> drin liegt? Gibt es eine Möglichkeit den Text in einem <p> zu lassen und die Bilder und Tabellen ordentlich rechts neben dem Text und untereinander (ohne <br />) zu positionieren?
Als Veranschaulichung hier ein Bild und der entsprechende Quelltext.
[Blockierte Grafik: http://img413.imageshack.us/img413/4226/blaj.jpg]
<div id="text">
<h1> Der Aquazoo</h1><br />
<img class="rand" width="150px" height="150px" title="Rand1" alt="Aquazoo Logo" src="bilder/aquazoo_rand1.jpg"/>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<table border="1" width="150px" cellpadding="3" cellspacing="3" style="float:right;">
<tr>
<th colspan="2" align="center"> Preise
</tr>
<tr>
<td>Erwachsene</td>
<td>6.00€</td>
</tr>
<tr>
<td>Kinder und Jugendliche<br />
(6-18 Jahre)</td>
<td>4.00€</td>
</tr>
<tr>
<td>Kinder unter 6 Jahre</td>
<td>frei</td>
</tr>
</table>
<p style="margin: 0 165px 0 0;">
Der Aquazoo befindet sich im Düsseldorfer Norden, genauer gesagt im Stadtteil Golzheim. Er ist in den angrenzenden Nordpark eingebettet. [...]
</p>
<br />
</div>.rand {
float: right;
margin-left: 10px;
}Vielen Dank im Voraus, ich hoffe ihr versteht mein Problem und könnt mir helfen.
MfG Joey
