Log In · Register

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


Senior Member
***

Group: Member
Posts: 41
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 ^-^
 

Posts in this topic
LolitaDoll   Firefox Issues!   May 29 2007, 04:59 AM
Azarel   This may be a REALLY stupid question, but just to ...   May 29 2007, 03:52 PM
tripvertigo   you ...dont put style tags around an external styl...   May 30 2007, 04:13 PM
Azarel   I didn't notice it was an external stylesheet....   May 30 2007, 05:32 PM
Mulder   there's a big error here: CODEbody { backgro...   May 30 2007, 05:40 PM


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