1 svar · 512 visningar · startad av TStreamside
Hej,
Har stött på ett problem med positionering i tabeller. Förenklat ser koden ut så här:
<table style="background-color: red;">
<tr>
<td>
<table id="boxA" style="height: 100px; display: inline; background-color: lightblue;">
<tr>
<td>Box A</td>
</tr>
</table>
<span id="boxB" style="background-color: lightgreen;">Box B</span>
</td>
</tr>
</table>
Det jag vill uppnå är att texten i höger box hamnar på vertikala position som box A.
I Chrome och Firefox funkar koden ovan ok men i IE 8 och 9 hamnar Box B längst ner.
Bifogar ett mer komplett exempel till tråden.
Några tips på hur man kan få det att funka även i IE?
Det där ser inte helt okej ut. Varför gör du inte bara två <td>'s?
<table style="background-color: red;">
<tr height="100">
<td id="boxA" style="background-color: lightblue;">
Box A
</td>
<td id="boxB" style="background-color: lightgreen;">
Box B
</td>
</tr>
</table>