Текст в позиции метки по-другому после увеличения в IE7 - PullRequest
Новая
       4

Текст в позиции метки по-другому после увеличения в IE7

0 голосов
/ 28 февраля 2011

У меня проблема с IE7 после увеличения страницы. Часть текста была сжата, и hover / onClick находился не там, где этот текст.

Вот мой пример кода и CSS:

CSS: 

.pagination{background-color: #CCFFFF;padding:2px 2px 2px 2px;} 
.paginateNo{color: #000000;margin: 0 3px 0 3px;font-size: 10px; }   
.paginateYes{margin: 0 3px 0 3px;color: #0033FF;cursor:pointer; font-size: 10px;}   
.paginateYes:hover{color: #FF0000;text-decoration: underline;}

HTML: 

<div  id="pagination" class="pagination" align="right">
    <label class="paginateNo">Records 1 - 20 of 150</label>
    <label class="paginateNo">First</label>
    <label class="paginateNo">|</label>
    <label class="paginateNo">Previous</label>
    <label class="paginateNo">|</label>
    <label class="paginateNo">1</label>
    <label class="paginateYes" onClick="showPage(?);">2</label>
    <label class="paginateYes" onClick="showPage(?);">etc...</label>
    <label class="paginateNo">|</label>
    <label class="paginateYes" onClick="showPage(?);">Next</label>
    <label class="paginateNo">|</label>
    <label class="paginateYes" onClick="showPage(?);">Last</label>
</div>

Примечание:? означает номер страницы

Я не уверен, что некоторые из моих CSS вызывали это, но в ff и chrome у меня не было проблем. Это проблема IE7 или просто в моем коде. Я буду признателен за любую помощь. Спасибо

Ответы [ 2 ]

0 голосов
/ 05 апреля 2011

Тест с версией IE и браузером может доказать, что это ошибки браузера. Я также поэкспериментировал с лейблом, чтобы увидеть, чем он отличается от моего текущего дисплея, и это только доказывает, что это поведение браузера.

0 голосов
/ 28 февраля 2011

используйте IE Условный CSS или ознакомьтесь с условным CSS

примечание: используя вышеприведенный трюк, ваш сайт не будет проверен w3c

...