ポップアップdiv内のアドレス行を表示するために使用<span>
していますが、すべてのブラウザーで正常に機能しますが、IE 8(のみ)では、スパンコンテンツがポップアップdivから出てしまいます。
ポップアップdiv内では、すべてのコンテンツがテーブルを使用して表示され、tdには幅が割り当てられます。
他のブラウザでの出力
|------------------|<--DIV message
|line1<--td1 |
|line2<--td1 |
|Here it goes the a|<--<tr><td>span</td></tr>
|ddress not goes |
| outside |
|__________________|
IE8での出力
|------------------|<--DIV message
|line1<--td1 |
|line2<--td1 |
|Here it goes the a|ddress and it goes outside<--<tr><td>span</td></tr>
| |
|__________________|
スパンを含むすべてのコンテンツは、すべてのブラウザーで正常に機能していますが、IE8では外部に出ます。IE8では、tdに割り当てる幅は考慮されません。
HTML:
<div class="message">
<table>
<tr>
<td>
<span>Here it goes the a|ddress and it goes outside</span>
</td>
</tr>
</table>
</div>
css:
.message {width:320px;height:220px;}
.message table td{width:80px;}
.message table td span{width:80px;}//I tried like this it works in other browsers not in IE8