nicht angemeldet
Moin!
Wer kann mir bei einem Darstellungsproblem helfen ? Obwohl ich 2 Spalten mit Breite 1 angelegt habe, werden beide breiter angezeigt.
In den zwei Zellen ist nichts drin. Das ist bei Tabellen schlecht. Irgendwas muß immer drin sein, damit die Zellen wirklich angezeigt werden.
Üblicherweise tut man ein geschütztes Leerzeichen ( ) rein. Auch ein Zeilenumbruch hilft (<br>).
Wenn es aber darum geht, sehr kleine Zellen mit etwas zu füllen, dann sind diese beiden Füllmaterialien alle zu groß. Ein Leerzeichen ist nunmal mindestens ein paar Pixel breit, und Tabellenspalten dehnen sich eben aus, wenn was breiteres drinsteht.
Packe in die beiden Zellen deshalb eine 1x1 Pixel große Grafik hinein - dann geht es. Bedenke aber: Kein Zwischenraum zwischen <td><img></td>, keine (ansonsten irrelevanten) Leerzeichen, keine Zeilenumbrüche.
Oder du löst deine Formatierung noch eleganter einfach mit CSS. Macht deinen Quelltext auch viel schlanker.
<body bgcolor="#0099CC">
<div align="center">
<table width="756" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="1" bgcolor="#000000"></td>
<td width="754" bgcolor="#FFFFFF">
<div align="center">
<p> </p>
<p> </p>
<p> </p>
</div></td>
<td width="1" bgcolor="#000000">
</td>
</tr>
</table>
</div>
</body>
Die HTML-Seite wird zu:
<body>
<div id="page">
<p> </p>
<p> </p>
<p> </p>
</div>
</body>
Und im <head> bindest du mit <link rel="stylesheet" href="style.css"> folgende Datei (namens "style.css") ein:
body {
background-color:#09C;
color:#000;
min-width:756px;
text-align:center;
}
#page {
margin-left:auto;
margin-right:auto;
text-align:left;
width:754px;
border-left:1px solid #000;
border-right:1px solid #000;
background-color:#FFF;
}
- Sven Rautenberg
ss:) zu:) ls:[ fo:} de:] va:) ch:] sh:) n4:# rl:| br:< js:| ie:( fl:( mo:|