1

ポップアップ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
4

1 に答える 1

2

このようにしてみてください

.message table td span{width:80px; white-space:normal;}
于 2012-04-20T11:54:31.413 に答える