0 / 0 / 0
Регистрация: 12.02.2014
Сообщений: 3
|
||||||
1 | ||||||
Не работает padding в IE612.02.2014, 20:25. Показов 1453. Ответов 7
Метки нет (Все метки)
Здравствуйте, друзья!
Помогите решить проблему. Делаю на сайте нумерацию страниц и при верстке возникла проблема: в IE6, IE7 не отображаются параметры padding. Может кто сталкивался. Картинка во вложении
0
|
12.02.2014, 20:25 | |
Ответы с готовыми решениями:
7
Input type=text padding-top, padding-bottom в safari не работают Не работает padding Не работает padding Не работает Padding |
13010 / 7402 / 800
Регистрация: 09.09.2009
Сообщений: 28,972
|
|
12.02.2014, 20:46 | 2 |
http://htmlbook.ru/css/padding
табличка в самом верху показывает "совместимость" атрибута с разными браузерами
0
|
0 / 0 / 0
Регистрация: 12.02.2014
Сообщений: 3
|
|
12.02.2014, 21:07 [ТС] | 3 |
Там написано - Internet Explorer до версии 7.0 включительно не поддерживает значение inherit (наследуется у родителя). у меня значение указано в px.
Или я что-то не так понял?
0
|
13010 / 7402 / 800
Регистрация: 09.09.2009
Сообщений: 28,972
|
|
12.02.2014, 21:36 | 4 |
http://stackoverflow.com/quest... ss-problem
может тут поможет ответ от Andrew Moore
1
|
28 / 28 / 12
Регистрация: 31.01.2011
Сообщений: 311
|
|
12.02.2014, 22:31 | 5 |
Проверьте наличие или правильность написания DOCTYPE. Очень похоже на то что ваш браузер отработал страницу в режиме совместимости.
1
|
1025 / 678 / 295
Регистрация: 04.04.2013
Сообщений: 2,709
|
||||||
13.02.2014, 00:42 | 6 | |||||
Добавьте свойство хоть float: left; тем самым преобразуете ссылку в блочный элемент и выставите их вряд. И зачем пагинацию в таблицу завернули?
1
|
0 / 0 / 0
Регистрация: 12.02.2014
Сообщений: 3
|
|
13.02.2014, 18:13 [ТС] | 8 |
Всем спасибо за участие в решение проблемы. И она, совместными усилиями, решилась
Сделал следующее: 1. добавил поле <a> тег <span> для правильности, как указал уважаемый 35cm. После этого в IE11 ссылки перестали реагировать на наведение (должен меняться цвет), в IE6 всё осталось без изменений. 2. Добавил по подсказке многоуважаемого Vovan-VE display: inline-block;. После этого IE11 ожил , в IE6 всё осталось без изменений. 3. Убрал в (.tablelist table) padding, а в (.tablelist table a) добавил margin. И чтобы не разъезжались номера страниц в (.tablelist table table a) обнулил margin. И всё стало однообразно во всех браузерах. Пагинацию в таблицу завернул, потому что список в том же пресловутом IE6 не смог отцентровать. Но если поломать мозг, то может и удастся решить и эту проблему Всем спасибо за участие. Если кому интересно исправленный код: Код
<style> .tablelist table{ background-color:#DFEDF5; width:100%; border:1px solid #C5E2F3; } .tablelist table a{ background-color:#A5BFCF; padding:15px 10px; font-size:120%; font-weight:bold; color:#fff; text-decoration: none; margin:10px; display:inline-block; } .tablelist table table a{ background-color:#208CC8; padding:15px 20px; margin:0; display:inline-block; } .tablelist td .active3 a{ background-color:#105C86; } .tablelist td a:hover{ background-color:#208CC8; } .tablelist table table td a:hover{ background-color:#105C86; } .tablelist table table{ width:auto; margin: 0 auto; border:0; } td.previous{ text-align:left; width:20%; } td.next{ text-align:right; width:20%; } </style> <body> <div class="tablelist"> <div class="separator2"></div> <table> <tr> <td class="previous"> <a href="#"><span><< Previous</span></a> </td> <td> <table class="number"> <tr> <td class="active3"> <a href="#"><span>1</span></a> </td> <td> <a href="#"><span>2</span></a> </td> <td> <a href="#"><span>3</span></a> </td> </tr> </table> </td> <td class="next"> <a href="#"><span>Next >></span></a> </td> </tr> </table> <div class="separator3"></div> </div>
0
|
13.02.2014, 18:13 | |
13.02.2014, 18:13 | |
Помогаю со студенческими работами здесь
8
Не работает padding Не работает padding-top в <li> Padding-right не работает в процентах не работает свойство padding Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |