CSS Class Selectors - Not Working in Firefox?

Sonozaki Maya · Mar 23, 2006

Apparently, my CSS Class Selectors don't work in my Firefox 1.5.0.1, but DO work for my IE 6.0 ... Here's a comparison:

Firefox Version - This has messed up the z-index in my img class selector and my p and div class selector*
IE Version - This is the WORKING one.

*div and p class are both the same, because I thought having a p class selector would work ^^;;

Here was my CSS for my class selectors, in case you were curious. I also referred to some tutorials to check I was doing the right thing. I also validated it... >_> So I have no idea what's wrong. Version number perhaps?

Code:

div.blah { border: double; border-width: medium; padding: 1em; width: 400px; height: 300px; overflow: scroll; }
div.thought { border: dashed; border-width: medium; padding: 1em; width: 400px; height: 300px; overflow: scroll; }
p.blah { border: double; border-width: medium; padding: 1em; width: 400px; height: 300px; overflow: scroll; }
p.thought { border: dashed; border-width: medium; padding: 1em; width: 400px; height: 300px; overflow: scroll; }
img.dies
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}

Dragonfree · Mar 25, 2006

Can you show us the whole HTML?

Sonozaki Maya · Mar 26, 2006

>_> I think I might have messed something up. I'm gonna try something first..

On second thought, here.

Frameset:

Code:

<html>

<head>
<title>Watashi no Omoi</title>
<link rel="stylesheet" type="text/css" href="unicross_simp.css">
</head>

<frameset framespacing="0" border="0" frameborder="0" rows="12%, 50%">
 <frame src="heading.htm">

<frameset cols="16%, 84%">
 <frame src="navbar.htm">
 <frame src="main_page.htm" name="default_frame">
</frameset>

</frameset>

<noframes>
<body>
<p><b>This page is forcing you to use frames, but since your excuse for a browser doesn't support them, you can't see it! Either upgrade your browser or visit the following links out of boredom:</b></p>
<ul>
<li><a href="http://s10.invisionfree.com/Chaos_Mirror_Forums">Chaos Mirror Forums</a>
<li><a href="http://wikihost.org/wikis/chaosmirrorwiki">ChaosmirrorWiki aka Wacko Battles Compendium</a>
</ul>
<p>Or you can return to <a href="#">the EXpelia Portal</a>.
</noframes>
</body>

</html>

Main:

Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="unicross_simp.css">
<title>x-x</title>
</head>

<body>
<div align="center"><p class="thought">Random content! Blah</p></div>
<div align="center"><p class="blah">Random content! Blah</p></div>
</body>

</html>

Nav:

Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="unicross_simp.css">
<title>x-x</title>
</head>

<body>
<img class="dies" src="nav_unicross.png">
NAV<br>
//-> <a href="main_page.htm" target="default_frame">Main</a>
<br>//-> <a href="under_construct.htm" target="default_frame">[x]</a>
<br>//-> <a href="under_construct.htm" target="default_frame">[x]</a>
<br>//-> <a href="under_construct.htm" target="default_frame">[x]</a>
</body>

</html>

I think I'm doing something wrong but I don't know what straight off.

Dragonfree · Mar 26, 2006

What's up with all those //--> in your HTML?

Sonozaki Maya · Mar 26, 2006

>_> Ah. That must've mucked it up, it really wasn't meant to be for anything, just text decor. I should've KNOWN!

EDIT: On second thought... maybe not. It's just text decor, but it wasn't messing it up or anything. >_>

chaos on the internet · Mar 26, 2006

you should just try with ".dies" instead of "img.dies"

Misty-chan · Apr 5, 2006

Your site don´t have problems... all sites with css don´t work in the firefox ( my website don´t show some things too ). Don´t change your code xP ! Firefox maybe is better than IE, but I still liking of IE =D !

Sonozaki Maya · Apr 7, 2006

Yeah, someone told me over MSN, Firefox has some lame CSS problems. Don't matter, I'm canning that and replacing that with a new site/project (read sig). Thanks all, I appreciate that~

CSS Class Selectors - Not Working in Firefox?

Sonozaki Maya

realized seraph

Dragonfree

Just me

Sonozaki Maya

realized seraph

Dragonfree

Just me

Sonozaki Maya

realized seraph

chaos on the internet

AAAAAAAAAAAAAAAAAAAA

Misty-chan

Boulder Trainer

Sonozaki Maya

realized seraph