Probleme mit einem CSS-Rahmen

Status
Nicht offen für weitere Antworten.
C

chrislennep

Code:
<html>
<style type="text/css">
#rundrum {
border-width:1px;
border-style:solid;
border-color:black;
padding:0cm;
margin-right:0px; }
}
</style>
<body>
<p id="rundrum">
<table width="750" border="1" border-color="#000000" cellpadding="0" cellspacing="0">
<tr> 
<td width="175" height="400" valign="top"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr> 
<td width="175" height="400" valign="top"><img src="keinbild.gif" width="175" height="400"></td>
</tr>
</table>
</td>
<td width="575"></td>
</tr>
</table>
<p></p>
</body>
</html>

Also Leute, das Problem ist, dass der Rahmen an der rechten Seite über die Tabelle hinausgeht. Woran liegt das? Ich möchte, dass der Rahmen sich an die Tabelle schmiegt. Gibt es dafür einen Befehl oder habe ich nur einen dummen Fehler begangen?

Grüße Christian
 
Zuletzt bearbeitet von einem Moderator:
Hi,

ein p-Tag beansprucht ohne spezielle Formatierung 100% der verfügbaren Breite.
Da Deine Tabelle nur 750 Pixel breit ist, ist es möglich, dass der Absatz und somit
der Rahmen darüber hinausgehen.

Mir fallen zwei Lösungsmöglichkeiten ein:

1. Du schreibst die CSS-ID in den Table-Tag.
&nbsp;&nbsp;<table id="rundrum" width="750" border="1" border-color="#000000" cellpadding="0" cellspacing="0">

2. Du fügst Deiner CSS-Definition eine Breitenangabe für den Absatz zu.

&nbsp;&nbsp;#rundrum {
&nbsp;&nbsp;...
&nbsp;&nbsp;width: 750px;}


Ciao
Quaese
 
Super, ich habe die zweite Lösung gewählt, ging halt schneller ;-)
Klappt wunderbar, genau so wie ich es haben wollte.

Edit 30min später:
Habe jetzt doch die erste Variante eingebaut, damit
ich nicht für jede Tabelle einen neuen Rahmen basteln muss.

Vielen Dank!
 
Zuletzt bearbeitet von einem Moderator:
Status
Nicht offen für weitere Antworten.
Zurück