PDA

View Full Version : CSS in IE?


5th-Level
12-21-2007, 09:24 PM
My CSS doesn't show up in Internet Explorer. Anyone ever had this problem?

My CSS:

ADDITIONAL CSS DEFINITIONS:
.nav_back {
background-image:url(images/perfect/misc/nav_back.gif);
background-repeat:repeat-x;
width: 877px;
height: 43px;
margin: 0px auto;
}

In Templater:
<div class="nav_back">
CONTENT
</div>

Freesteyelz
12-21-2007, 10:02 PM
Try:


.nav_back {
width:877px;
height:43px;
margin:0px auto;
background:url(/images/perfect/misc/nav_back.gif) repeat-x top left;
}

ChU v2
12-21-2007, 10:09 PM
Or


<div id="nav_back">
CONTENT
</div>

Freesteyelz
12-21-2007, 10:11 PM
Wouldn't then ID in CSS be: #nav_back and not .nav_back?

5th-Level
12-21-2007, 10:19 PM
both didint work

Freesteyelz
12-21-2007, 10:29 PM
Then it's not the CSS. Check to see if you're adding the code in the right style and template. Also, check whether the path to your image is correct and that the image has been uploaded.

5th-Level
12-21-2007, 10:33 PM
i have done all 3 of your suggestions still no luck

Freesteyelz
12-21-2007, 11:55 PM
I just added the exact code in several templates of mine to test it out. It worked all instances in IE and Firefox. I also added: background:#ffffff to the code to see but it didn't make a difference.

What exactly is not showing up? Is it the image or the block (of 877x43) itself?

5th-Level
12-21-2007, 11:57 PM
the whole block

let me screenshot

Firefox
http://tinyimg.us/i/arx1198288881e.png

Internet Explorer
http://tinyimg.us/i/bwy1198288922m.png

--------------- Added 1198295760 at 1198295760 ---------------

FIXED

I had comments such as <!-- BLAH --!> which took it out of IE

yea pretty gay

Freesteyelz
12-22-2007, 02:15 AM
Hehe. :D

5th-Level
12-22-2007, 02:42 AM
yea ie is unbleievable

bokmade
12-25-2007, 07:11 PM
Me 2, It's Happen to Me I Don't Know Why ..!!

5th-Level
12-25-2007, 08:44 PM
just go in your template edits and take ou all the comments <!-- COMMENT --!> and it will work

Freesteyelz
12-25-2007, 10:11 PM
That should be:


<!-- COMMENT -->