Einzelnen Beitrag anzeigen
Alt 10.09.2004, 14:39   #7
RaistlinMajere
Inventar
 
Registriert seit: 06.04.2001
Alter: 44
Beiträge: 2.343


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

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>
____________________________________
"Life is like a box of rockets," said the Marine. "You never know what you´re gonna ret."
Then he pulled the trigger of his BFG9000.
RaistlinMajere ist offline   Mit Zitat antworten