Hallo,
versuch verzweifelt innerhalb eine div eine Tabelle zu setzen.
Mit dem Mozilla war die Tabelle wie gewollt immer was vom linken rand weg, der IE zieht die komplett auf (ganz links ist noch eine div box mit float:left).
Was mach ich da falsch und wie kann ich dem IE sagen das die Tabelle sich an die Mase der DIV Box halten soll ?
Oder welche alternative wäre noch möglich Bilder und Text inhalb diese div von link nach rechts anzuordnen ?
mfg
Hans
--html Dateiausschnitt---
<div id="textbox">
<div id="text"><h2>Ueberschrift</h2>
<table>
<tr>
<th colspan="3">Daten 1</th>
</tr>
<tr>
<td>Daten </td>
<td><div class="center"><img src="einbild.jpg" /></div></td>
<td><div class="center"><img src="andresbild" /></div></td>
</td>
</tr>
</div>
</div>
---und das aus cd CSS Datei---------
#textbox {
border: 2px solid black;
background-color: #4060A0;
margin: 0 0 1em 17em;
padding: 1% 1% 1em 1%;
background-image:url(/-img/layout/tui.gif);
font-size:8pt;
}
#text {
color: black;
background-color: #dddddd;
border: 2px solid #006;
line-height: 150%;
}
#text table {
width:100%;
margin: 0em 10em 1em 1em;
padding: 0 1em 0 0;
}
#text th {
font-weight: 800;
font-size:10pt;
text-align:left;
background-color: #99aabb;
border-color: #006;
border-width: 2px 1px 2px 2px;
border-style: solid;
}
#text td {
font-size:10pt;
border-width: 0;
background-color: #ffffff;
padding: 0 0 0 2em;
}