ie6 вопрос переноса текста - PullRequest
1 голос
/ 06 октября 2011

Мой текст всплывающей подсказки не переносится с заданным текстом в ie6, живой пример http://jsfiddle.net/hWAJh/

Текст всех остальных браузеров перенесен, но в 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;
}

Ответы [ 2 ]

1 голос
/ 10 октября 2011

Изменено следующим образом, у меня работает.

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 голосов
/ 06 марта 2013

Добавление,

white-space:nowrap

Работал у меня для IE6.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...