Span zeigt, die nicht in IE7

Ich habe das folgende Markup:Span zeigt, die nicht in IE7

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

mit diesem CSS Styled:

#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; 
}

In IE7 die zweite Spanne nicht sichtbar ist, kann jeder weiß, warum?

Here is a temporary link

here's a screenshot

Quelle

2012-04-03 morktron

ok danke für die Kommentare, also habe ich die Höhe des Behälters und geändert, um die Spanne auf Inline -block aber immernoch keine freude ... – morktron

Sie können die folgenden

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

Quelle

2012-04-03 04:19:50

danke, ich habe das ausprobiert aber leider klappt es immer noch nicht, obwohl jetzt wenn du über den li schwebst, in dem alles enthalten ist der hintergrund zeigt, sehr merkwürdig! – morktron

Sie werden in einen Float Bug in IE wahrscheinlich in Ihrem CSS definieren ausgeführt wird. Da Sie wissen, wie hoch und breit das Wrapper-Div ist, können Sie dies im CSS angeben.

Wenn Sie mehr Lösungen suchen, gibt es viel Hilfe im IE Schwimmer aber vorne: https://www.google.com/search?q=ie7+float+right+bug

Quelle

2012-04-03 04:22:22 ckaufman

danke ich habe von diesem Bug gehört, aber bin noch nie davor gestoßen, ich werde mich darum kümmern. Ich habe die Höhe hinzugefügt, aber immer noch keine Freude – morktron

Antwort

Verwandte Themen