Span не отображается в IE7

Я следующую разметку:Span не отображается в IE7

<div id="calender"> 
<span class="moduleItemDateCreated-month">Jan</span> 
<span class="moduleItemDateCreated-day">24</span> 
</div>

Styled с этим CSS:

#calender { 
    float: right; 
    border: 1px solid #999999; 
    color:#FFFFFF; 
    background-color: #CCCCCC; 
} 

.moduleItemDateCreated-month { 
    background-color: #999999; 
    display: block; 
    font-size: 10px; 
    line-height: 1.5em; 
    text-align: center; 
    width: 56px; 
} 

.moduleItemDateCreated-day { 
    background-color: #CCCCCC; 
    display: block; 
    font-size: 23px; 
    text-align: center; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    width:56px; 
}

В IE7 второй промежуток не видно, кто-нибудь знает почему?

Here is a temporary link

here's a screenshot

источник

2012-04-03 morktron

ки спасибо за комментарии, поэтому я установил высоту контейнера и изменил срок встраивать -block, но до сих пор нет радости ... – morktron

Вы можете определить в вашем CSS следующие

.moduleItemDateCreated-month, .moduleItemDateCreated-day{ 
     display:inline-block; 
    }

источник

2012-04-03 04:19:50

спасибо, я пробовал это исправить, но, к сожалению, он все еще не работает, хотя теперь, когда вы наводите курсор мыши на li, в котором все это содержит фон, очень странно! – morktron

Вы, вероятно, работает в Float ошибка в IE. Поскольку вы знаете, какова будет высота и ширина обертки div, вы можете указать это в CSS.

Если вы ищете больше решений, есть много помощи в поплавке IE, но впереди: https://www.google.com/search?q=ie7+float+right+bug

источник

2012-04-03 04:22:22 ckaufman

спасибо, что я слышал об этой ошибке, но никогда не сталкивался с ней раньше, я загляну в нее. Я добавил высоту, но до сих пор нет радости – morktron

Span не отображается в IE7

ответ

Смежные вопросы