PDA

View Full Version : CSS Class Selectors - Not Working in Firefox?



Sonozaki Maya
23rd March 2006, 9:15 AM
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* (http://img.photobucket.com/albums/v125/seraphiustrance/what1.png)
IE Version - This is the WORKING one. (http://img.photobucket.com/albums/v125/seraphiustrance/what2.png)

*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?



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
25th March 2006, 3:09 PM
Can you show us the whole HTML?

Sonozaki Maya
26th March 2006, 1:01 AM
>_> I think I might have messed something up. I'm gonna try something first..

On second thought, here.

Frameset:

<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:

<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:

<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
26th March 2006, 1:56 AM
What's up with all those //--> in your HTML? o_O

Sonozaki Maya
26th March 2006, 12:28 PM
>_> 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
26th March 2006, 10:59 PM
you should just try with ".dies" instead of "img.dies"

Misty-chan
5th April 2006, 3:10 PM
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
7th April 2006, 12:34 PM
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~