CODEWITHSUNDEEP
htmlcssgoogle-chromefirefox
pingu2k4
pingu2k4

Reputation: 1050

Why Can I not display this span in chrome but I can in FF?

I have the following CSS:

.views-imagematrix-block .views-field-title .field-content > a .promotedstar {
    position: relative;
    top: -6px;
}
.promotedstar {
    background: url("../img/icons/Star.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    height: 25px;
    padding-bottom: 10px;
    padding-right: 25px;
    position: relative;
    top: 0;
    width: 25px;
}

And the following html:

<div class="views-field views-field-title">
    <span class="field-content"><a href="/content/gershwins-coffee-house"><span class="promotedstar"></span>&nbsp;Gershwins Coffee House</a></span>
</div>

This gives the full desired effect in Firefox, however in Chrome... It shows the span as being outside of the div (to the left), and doesn't show even with overflow: visible; set to the containing divs. (the span doesn't take the padding it seems). I don't know how to remedy this...

Upvotes: 0

Views: 2596

Answers (1)

lastboy
lastboy

Reputation: 576

It looks like a Chrome bug. I think it relates to the fact that the SPAN is empty, I found in chrome issue tracker some related bugs

Upvotes: 2

Related Questions