[CSS] vs IE: table width 100% + margin left

RaistlinMajere · 10.09.2004, 14:39

Zitat:

Original geschrieben von T.dot
<div style="margin-left:30px">
<table style="width:100%">
<tr>
<td style="width:50%;text-align:left">A</a></td>
<td style="width:50%;text-align:right">B</a></td>
</tr>
</table>
</div>

bewirkt im Internexplorer, dass die Tabelle trotz Margin die ganze Seitenbreite benutzt und daher über die eigentliche Seitenbreite (in diesem Fall um 30 Pixel) hinausgeht. Das verursacht natürlich den tollen Effekt eines Scrollbars um alles lesen zu können und macht sich besonders gut bei Margin von mehreren 100px zb für Seitenteilung...

gibts hierfür nen Workaround? (google fand keinen wirklich brauchbaren)

herzlichen Dank, Thomas

1.) wie wärs, wenn du die margin-angabe im <body>-tag machst? dann sollts glaube ich funzen.
2.) die width-angaben in der table sind definierte attribute der tags, daher brauchst keine style-angaben machen.
außerdem reicht es, wenn du bei der table 100% und bei einem feld 50% angibst, der rest wird dann einfach der anderen spalte zugewiesen.
3.) align="left" ist bei tabellenfeldern default, daher brauchst du das nicht explizit angeben.
4.) du hast abschließende ankertags angegeben, obwohl es keine aufgehenden gibt, das ist definitiv ein fehler und könnte auch eine ursache sein, warums nicht funzt.

ich würds so machen:

Code:

<body leftmargin="30">
...
<table width="100%">
<tr>
  <td width="50%">A</td>
  <td align="right">B</td>
</tr>
</table>
...
</body>

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)