nicht angemeldet
Hallo!
Ich habe auf meiner Internetseite das Prinzip der "Sliding doors" angewandt. 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" style="border-width:0px; border-style:solid; border-color:#00A2FF; width:600px">
<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>
Die Tabelle füllt nicht das gesamte Fenster aus. Der rechte Tabellenrand liegt ungefähr 75% vom linken Fensterrand entfernt. Die Sliding doors "roundbox_ro" und "roundbox_ru" orientieren sich aber nicht am rechten Tabellenrand, sondern am rechten Fensterrand, d.h. ich hab zwischen Tabellenrand und rechtem Rand der Hintergrundgrafiken "roundbox_ro" und "roundbox_ru" zu viel Platz.
Wie könnte man den rechten Rand der Sliding doors am rechten Rand der Tabelle ausrichten? Mit padding und margin hatte ich keinen Erfolg.
Vielen Dank schonmal im Voraus.
MfG.,
Matthias