nicht angemeldet
Hallo!
Ich bitte vielmals um Entschuldigung. Da, wo der große Absatz steht, wollte ich eigentlich den Quelltext einfügen, hab's aber vergessen.
Also: Ich will auf meiner Internetseite das Prinzip der "Sliding doors" anwenden. Näheres hierzu findet man auch auf:
http://www.andreas-kalt.de/webdesign/tutorials/runde_ecken.htm
(Dieser Link steht auch irgendwo in selfhtml.)
Mein Quelltext sieht also so aus:
<html>
<head>
<style type="text/css">
.ro {
background:url("roundbox_ro.gif") top right no-repeat;
margin:0;
padding:0;
}
.lo {
background:url("roundbox_lo.gif") top left no-repeat;
margin:0;
padding:0;
}
.ru {
background:url("roundbox_ru.gif") bottom right no-repeat;
margin:0;
padding:0;
}
.lu {
background:url("roundbox_lu.gif") bottom left no-repeat;
margin:0;
padding:0;
}
.inhalt {
margin:0;
padding:2.0em 2.0em 2.0em 2.0em;
}
.inhalt p {
margin:0;
padding:0;
}
</style>
</head>
<body>
<div class="ro">
<div class="lo">
<div class="ru">
<div class="lu">
<div class="inhalt">
<p><table border="1" bordercolor="#00A2FF" width="550" cellspacing="0" cellpadding="5" rules="all">
<colgroup>
<col width=33%>
<col width=34%>
<col width=33%>
</colgroup>
<tr>
<td>Zelle 1</td>
<td>Zelle 2</td>
<td>Zelle 3</td>
</tr>
<tr>
<td>Zelle 4</td>
<td>Zelle 5</td>
<td>Zelle 6</td>
</tr>
<tr>
<td>...</td>
<td>usw.</td>
<td>...</td>
</tr>
</table>
</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Wenn nach diesem Kastens mit "runden Ecken" kein Text mehr steht, funktioniert alles wunderbar. Füge ich unterhalb der sliding doors noch Text an, zerreißt's mir die untere Hälfte völlig, d.h. der background "roundbox_ru.gif" wird weiter nach unten geschoben als der background "roundbox_lu.gif"
Weiß jemand, was ich dagegen tun kann?
Vielen Dank schonmal im Voraus.
MfG.,
Matthias