2011-10-06 27 views
1

マイツールチップテキストがIE6で指定されたテキスト、 ライブ例http://jsfiddle.net/hWAJh/IE6テキストの折り返しの問題

でラップしていない他のすべてのブラウザのテキストはラップされていますが、次のようにIE6で、コードを使用していません。

HTMLコード

<div id="CountryDiv" class="toolTipHolder"> 
    <p> 
     <img src="question-mark.png" alt=""/> 
     <span>Best tooltip goes here for user information, can you feel this?</span> 
    </p> 
</div> 

CSSコード

div.toolTipHolder { 
    position:relative; 
    z-index:24; 
} 

div.toolTipHolder p{ 
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    width:150px; 
    height:150px; 
    background-color:#FFF; 
    border:blue 1px solid; 
    color:#000; 
    text-align: left; 
    font-size:11px; 
    padding:5px; 
} 

div.toolTipHolder p span { 
    padding-left:5px; 
    width:150px; 
    word-wrap: break-word; 
    border:red 1px solid; 
} 
+1

(私は私の仮想マシンを起動する気にすることはできませんので)http://ipinfo.info/netrenderer/でそれを確認する、ラップする表示されます。http://i.stack.imgur.com/2i3wd.png – thirtydot

+0

@thirtydotは言った、私のためにもラップします... – Alex

+0

私は、私のために、IE6で動作していないと思っています:( –

答えて

1

次のように、それは私の作品に変更。

div.tooltipText { 
    margin-left:5px; 
    width:80%; 
    height:140px; 
    font-size:11px; 
    white-space: pre-wrap;  /* css-3 */ 
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    white-space : normal  /* Internet Explorer 5.5+ */ 
} 
0

追加、

white-space:nowrap 

はIE6のために私のために働きました。

関連する問題