nicht angemeldet
div: positionierung mit css klappt nicht
hallo,
verzweifling setzt ein! ich versuche mittels div eine struktur wie diese hier hinzubekommen (der übersichtlichkeit wegen ohne css):
<table width="400">
<tr>
<td align="center">überschrift</td>
</tr>
</table>
<table width="400">
<tr>
<td align="left">titel</td>
<td align="right">bewertung</td>
</tr>
</table>
<table width="400">
<tr>
<td>ganz viel text mit umbruch und so...</td>
</tr>
</table>
<table width="400">
<tr>
<td>adresse</td>
<td>telefon/fax</td>
<td>email/www</td>
</tr>
</table>
das ganze soll also wie hier ein rechteck mit 400 pixeln ergeben in der die einzelnen bereiche wie hier angegeben ausgerichtet sind. meine versuche un der richtung waren bisher erfolglos, entweder sitzt titel tiefer als bewertung, adressen liegen auf dem text usw. usf. bin mir auch nicht ganz sicher wie man das korrekt verschachtelt und wie die positionsangaben bei css sein müssen (relative klappt nicht). beispeilcode mit den passenden css-klassen wäre nett.
wattebaellchen (at) freenet . de
-
Hallo,
der Aufbau per HTML kann z.B. so aussehen:
<h1>..</h1>
<div><span>t</span> <span>b</span></div>
<p> ttt </p>
<ul><li>a </li><li>t</li><li>e/w</li></ul>
vielleicht wäre i.d. zweiten Zeile auch einfach <h2></h2><h2></h2> mit float usw. möglich.
Dann die CSS-Eigenschaften, width usw. zuweisen, und bei "entweder sitzt titel tiefer als bewertung" nochmals float-Lösungen probieren (Archiv), und für die Liste bzw. li display:inline anwenden.
Grüsse
Cyx23