ansaurus

Question

Funny css rendering error in IE background-image has "display: block" in it.

Answer 1

+2 A:

plz post the code here!!

2010-01-26 20:23:18

This could've been a simple comment...

Franci Penov 2010-01-26 20:26:35

i can't, I would have to upload a 50 meg web site. Everything relies on the rest of it.

Jeremy 2010-01-26 20:29:25

Answer 2

+2 A:

Its most likely a typo somewhere or a forgotten declaration termination or something. If you post the actual code we might be able to provide a concrete answer.

prodigitalson 2010-01-26 20:24:51

Answer 3

A:

OK Sounds funny. But how can we help you? What is the Problem with the code?

streetparade 2010-01-26 20:24:50

Answer 4

+3 A:

Try putting some quotes inside the url.

url("/images/leftArrow.png");

But definitely, more code would be nice.

UberNeet 2010-01-26 20:25:03

added them, and lowercased the display and still displaying the same.

Jeremy 2010-01-26 20:32:38

Answer 5

+1 A:

i think its because you've used uppercase property names. you have the same issue with "POSITION" below. btw how do i get this firebug like addon for ie?

antpaw 2010-01-26 20:25:18

That is part of jcarousel, not my code.

Jeremy 2010-01-26 20:27:14

@Jeremy: Its something elsewhere as ive used jcarousel extensively and never had this problem in IE. Does your HTML validate??? Also in response to a comment attached directly to the question - is this actually causing any issue in your layout or is it simply in your live debug that its an issue? Id be willing to bet its your debug plugin.

prodigitalson 2010-01-26 20:33:12

Gordon Tucker 2010-01-26 20:40:37

I believe IE8 comes with a version of it as well. To open it in IE8 go to 'Tools -> Developer Tools'

Gordon Tucker 2010-01-26 20:42:30

Answer 6

+4 A:

It only displays that way with the developer toolbar. When you make a simple span with those css attributes, it does actually display like a block element, but my developer toolbar shows the same thing yours does in your screenshot.

It is not the uppercase name (developer toolbar actually makes the display attribute uppercase), nor is the quotes around the url the problem. You can even move display:block to the beginning of the styles and it will still show them combined in developer toolbar

Gordon Tucker 2010-01-26 20:26:25

This seems to be it. There aren't any issues. I was just wondering what was making it happen.

Jeremy 2010-01-26 20:35:42

ansaurus

tags:

views:

answers:

Funny css rendering error in IE background-image has "display: block" in it.

related questions