Log In · Register

 
 
 Closed TopicStart new topic
Firefox Issues!, Not reading stylesheet?
LolitaDoll
post May 29 2007, 04:59 AM
Post #1


Senior Member
***

Group: Member
Posts: 47
Joined: May 2007
Member No: 524,468
Hi,

I'm having some major problems in Firefox for some reason. It's almost like it isn't reading my stylesheet or something. None of my div positions are being recognized, or my font attributes. It is really strange. It works perfect in IE though.

Here's the code below.

HTML
CODE
<html>
<head>
<title>weblayoutoption</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body bgcolor="#ffffff" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" link="#000000" vlink="#000000" alink="#000000" text="#FFFAF7">
<!-- ImageReady Slices (weblayoutoption.psd) -->
<table id="Table_01" width="800" height="736" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="images/weblayoutoption_01.png" width="800" height="181" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/weblayoutoption_02.png" width="800" height="176" border="0" alt="" usemap="#weblayoutoption_02_Map"></td>
    </tr>
    <tr>
        <td>
            <img src="images/weblayoutoption_03.png" width="800" height="170" border="0" alt="" usemap="#weblayoutoption_03_Map"></td>
    </tr>
    <tr>
        <td>
            <img src="images/weblayoutoption_04.png" width="800" height="209" border="0" alt="" usemap="#weblayoutoption_04_Map"></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
<! -- Main Content -->

<div id="mcontent">

<p class="content" align="justify">
<h1>The Content</h1>
Blah blah blah jest testing to see if this works and if it doesn't and yadda yadda yadda and this is just to fill up space and make it wide enough or hight enough to make it scroll and yeah yeah yeah

Blah blah blah jest testing to see if this works and if it doesn't and yadda yadda yadda and this is just to fill up space and make it wide enough or hight enough to make it scroll and yeah yeah yeah

Blah blah blah jest testing to see if this works and if it doesn't and yadda yadda yadda and this is just to fill up space and make it wide enough or hight enough to make it scroll and yeah yeah yeah

Blah blah blah jest testing to see if this works and if it doesn't and yadda yadda yadda and this is just to fill up space and make it wide enough or hight enough to make it scroll and yeah yeah yeah

Blah blah blah jest testing to see if this works and if it doesn't and yadda yadda yadda and this is just to fill up space and make it wide enough or hight enough to make it scroll and yeah yeah yeah

Blah blah blah jest testing to see if this works and if it doesn't and yadda yadda yadda and this is just to fill up space and make it wide enough or hight enough to make it scroll and yeah yeah yeah

</div>

<! -- End Main Content -->

<! -- Start Quick Links -->

<div id="qlinks">
<p align="center">
<a href="url">♥    Veiw All Pics    ♥</a><br>
<a href="url">♥    Veiw All Blogs    ♥</a><br>
<a href="url">♥    Veiw All Groups    ♥</a><br>
<a href="url">♥      Veiw All Friends      ♥</a><br>
</div>

<! -- End Quick Links -->

<! -- Start Comments -->

<div id="comments">

Drop me a note.
</div>

<! -- End Comments -->

<! -- Start Details -->

<div id="details" style="position: absolute; left: 29px; top: 587px">
<h1>The Designer</h1>
<p align="center">
<font size="3">
<img border="0" src="dp2c.gif" width="100" height="100" align="left">♥ Tara Benson ♥</font><p align="left">
<b><font size="2">Age</font>// </b>17<p align="left">
<b><font size="2">Location</font>//</b>Brisbane<p align="left">
<b>Likes</b>// graphic design. web design. horror movies & books. Japanese anime and manga. iMacs.
<p align="left">
<b>Dislikes</b>//Fakers. Haters. Big Brother. Most pop artists. Rap.
<p align="left">
<b>Wants</b>// iMac. iPhone. 1971 Chevrolet Corvette Stingray.  Adobe Creative
Suite 3 Web Premium.<p align="left">
<b>Fears</b>// Cockroaches.</div>

<! -- End Details -->

<! -- Start Main Links -->

<div id="mlinks" style="position: absolute; left: 28px; top: 939px; width: 259px">
<h1>The Links</h1>
<p align="left">++<a href="url">Home</a>       ++<a href="url">Favs</a>          
++<a href="url">Browse</a><br>
++<a href="url">Search</a>       ++<a href="url">Invite</a>        
++<a href="url">Film</a><br>
++<a href="url">Mail</a>          
++<a href="url">Blog</a>          
++<a href="url">Forums</a><br>
++<a href="url">Groups</a>    ++<a href="url">Events</a>      
++<a href="url">Videos</a><br>
++<a href="url">Music</a>       ++<a href="url">Comedy</a>    
++<a href="url">Classifieds</a>
</div>

<! -- End Main Links -->

<! -- Start Image Maps -->
<map name="weblayoutoption_02_Map">
<area shape="rect" alt="The Drug" coords="734,135,760,161" href="#">
<area shape="rect" alt="The Boy" coords="734,73,760,100" href="#">
<area shape="rect" alt="The Bestie" coords="734,10,761,39" href="#">
</map>

<map name="weblayoutoption_03_Map">
<area shape="rect" alt="The Love" coords="734,133,761,160" href="#">
<area shape="rect" alt="The God" coords="734,74,762,102" href="#">
<area shape="rect" alt="The Dolls" coords="734,15,763,43" href="#">
</map>


<map name="weblayoutoption_04_Map">
<area shape="rect" alt="The Folk" coords="735,87,760,116" href="#">
<area shape="rect" alt="The Chair" coords="735,22,761,51" href="#">
</map>
<! -- End Image Maps -->
</body>
</html>


Stylesheet:

CODE
a:link {text-decoration: none; color:#000000; font-size: x-small; border-bottom-style: solid; border-bottom-width: 1px}
a:visited {color:#000000; font-size: x-small;}
a:hover {color:#ffffff; font-size: x-small;}
a:active {color:#000000; font-size: x-small;}

body
{ background: #3c4959;
background-image: url(bg.png);
background-repeat: repeat-y;
background-position: top left;
background-attachment: fixed;

p {font-family: garamond;
color: ffffff;

font-family: Garamond;
color: #ffffff;
font-size: x-small;

scrollbar-face-color : #;
scrollbar-highlight-color : #3c4959;
scrollbar-3dlight-color : #3c4959;
scrollbar-shadow-color : #3c4959;
scrollbar-darkshadow-color : #3c4959;
scrollbar-track-color : #3c4959;
scrollbar-arrow-color : #000000;
}

H1 {border-bottom: 1px dashed white; text-align: right; font-size: 12pt;}

#mcontent {position:absolute; top:692px; left:300px; width:400; z-index:1; padding:5px; border-bottom: 2px dashed #000000;}
#qlinks {position:absolute; top:577px; left:311px; width:164px; z-index:2; padding:5px; height:85px;}
#comments {position:absolute; top:1099px; left:299px; width:400; z-index:3; padding:5px; border-bottom: 2px dashed #000000;}
#details {position:absolute; top:625px; left:17px; width:261px; z-index:4; padding:5px; height:302px;}
#mlinks {position:absolute; top:939px; left:15px; width:263px; z-index:5; padding:5px; height:85px;}

.content {font size="2" color="#FFFFFF"}


I've never had any problems before with Firefox. If anyone has any ideas how to fix this it would be awesome!

LD ^-^
 
*Azarel*
post May 29 2007, 03:52 PM
Post #2





Guest
This may be a REALLY stupid question, but just to make sure.. you do have style tags around your stylesheet, yes? I can't think of any other reason the stylesheet wouldn't be effective. ermm.gif
 
*tripvertigo*
post May 30 2007, 04:13 PM
Post #3





Guest
you ...dont put style tags around an external stylesheet, anna. mellow.gif



copy/paste the contents of your stylesheet so we can see.
 
*Azarel*
post May 30 2007, 05:32 PM
Post #4





Guest
I didn't notice it was an external stylesheet. >_>

Haha, I always end up looking like a dumb shit when I just skim through things.
 
Mulder
post May 30 2007, 05:40 PM
Post #5


i lost weight with Mulder!
*******

Group: Official Designer
Posts: 3,958
Joined: Jan 2005
Member No: 79,019
there's a big error here:

CODE
body
{ background: #3c4959;
background-image: url(bg.png);
background-repeat: repeat-y;
background-position: top left;
background-attachment: fixed;

p {font-family: garamond;
color: ffffff;

font-family: Garamond;
color: #ffffff;
font-size: x-small;

scrollbar-face-color : #;
scrollbar-highlight-color : #3c4959;
scrollbar-3dlight-color : #3c4959;
scrollbar-shadow-color : #3c4959;
scrollbar-darkshadow-color : #3c4959;
scrollbar-track-color : #3c4959;
scrollbar-arrow-color : #000000;
}


which should be...
CODE
body
{ background: #3c4959;
background-image: url(bg.png);
background-repeat: repeat-y;
background-position: top left;
background-attachment: fixed;
font-family: Garamond;
color: #ffffff;
font-size: x-small;
scrollbar-face-color : #;
scrollbar-highlight-color : #3c4959;
scrollbar-3dlight-color : #3c4959;
scrollbar-shadow-color : #3c4959;
scrollbar-darkshadow-color : #3c4959;
scrollbar-track-color : #3c4959;
scrollbar-arrow-color : #000000;}

p {font-family: garamond;
color: ffffff;}
}


check for other similar erros
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic