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>
<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"}
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 ^-^
