PDA

View Full Version : Can you help me make my code FireFox compatable?



sweetness020290
Feb 7th, 2010, 03:54 PM
i know someone who uses fire fox and they said my site wont work on their browser... can you help me out? my site is http://www.neopets.com/~_oOo_Chiara_oOo_

and my code is






<td class="y">

<style type="text/css">
body
{scrollbar-3dlight-color:#7acbed;
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#7acbed;
scrollbar-darkshadow-color:#7acbed;
scrollbar-face-color:#bfc8d1;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF}
</style>
</body>

<style /> //#y{}
#omgg
{width:330; background-color: white; border:0px solid lightgray; text-align:center; padding:4px;}

#omg
{width:660; background-color: white; border:0px solid lightgray; text-align:center; padding:4px;}

a:link, a:visited
{text-decoration:none;
font-weight:bold;
color:#7acbed;
cursor: w-resize;}


a:hover
{color: dimgray;
cursor: w-resize;}

h1 {
font: 15pt arial black;
font-weight:bold;
background:#FFFFFF;
color:#bfc8d1;
margin-top:0px;
letter-spacing:0px;
margin-bottom:4px;
border-right:0px solid #7acbed;
border-left:0px solid #7acbed;
text-transform:lowercase;
text-align: center;}

h2 {
font: 7pt cursive;
background:#bfc8d1;
font-weight:bold;
color: #bfc8d1;
text-transform:lowercase;
letter-spacing:5px;
border-right:0px solid #7acbed;
border-left:0px solid #7acbed;
margin-top:4px;
margin-bottom:4px;
text-align: center;}

h3 {
font: 20pt cursive;
font-weight:bold;
color: #7acbed;
letter-spacing:0px;
text-transform:lowercase;
margin-top:4px;
margin-bottom:4px;
text-align: center;}

h4 {
color: #FFFFFF;
margin-top:0px;
margin-bottom:0px;
text-align: left;
font: 0pt cursive;}

h5 {
margin-top:10px;
margin-bottom:10px;
text-align: center;
font-family: verdana;
font-size:7.5pt;
color:dimgray;}

h6 {
margin-top:4px;
margin-bottom:10px;
text-align: left;
font-family: verdana;
font-size:9pt;
color:red;}

tr, td, table, body, .text
{font-family: verdana;
font-size:7.5pt;
line-height:14px;
color:dimgray;
cursor: crosshair;}

textarea{width:90px;height:30px;border:1px solid #7acbed;padding:0px;font:7pt tahoma;color:dimgray;background-color:#FFFFFF;}


body {background: url(http://i47.tinypic.com/zoc6zl.jpg) fixed center repeat-y;background-color:#7acbed}

a{color:dimgray;font-weight:bold;}
b{color:#7acbed;}
i{color:#AAD8E0;font-weight:bold;font-family:georgia;}
u{color:#7acbed; text-decoration:none; border-bottom: 1px solid #FFFFFF;}

#star {top:230px;left:415px;width:450px;height:350px;overflow:hidden;border:10px solid #bfc8d1;background-color:#FFFFFF;}
.pie {overflow:hidden;overflow-x:hidden;height:350px;}
.yum {height:200px;}

#1 {top:0px;left:0px;width:430px;height:330px;overflow:hidden;background-color:#FFFFFF;}
#2 {top:0px;left:450px;width:430px;height:330px;overflow:hidden;background-color:#FFFFFF;}
#3 {top:0px;left:900px;width:430px;height:330px;overflow:hidden;background-color:#FFFFFF;}
#4 {top:0px;left:1350px;width:430px;height:330px;overflow:hidden;background-color:#FFFFFF;}
#5 {top:0px;left:1800px;width:430px;height:330px;overflow:hidden;background-color:#FFFFFF;}
#6 {top:0px;left:2250px;width:430px;height:330px;overflow:hidden;background-color:#FFFFFF;}
#7 {top:0px;left:2700px;width:430px;height:330px;overflow:hidden;background-color:#FFFFFF;}


</style />



<center>

<div id="star" style="position:absolute;">

<div id="1" style="position:absolute;">
<div class="pie">
<a name="#chapter1"><h4>.................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... ..............................................</h4></a>


<h5><a href="#chapter1">Home</a>.<a href="#chapter2">Requests</a>.<a href="#chapter3">Customise</a>.<a href="#chapter4">Portfolio</a>.<a href="#chapter5">Link Back & Affiliates</a>.<a href="#chapter7">Pick Ups</a></h5>
<h2>.</h2>
<h3>Button Baby</h3>
<h2>.</h2>

Welcome to my site. I enjoy making buttons and thought I would share my hobby with everyone on neopets. If their are any problems with anything please feel free to neomail me, <a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=sweetness2290&subject=Problem">sweetness2290</a>. Have a great day.

<br><br>

<a>Request Affiliation -</a> Please copy the code below and click <a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=sweetness2290&subject=Request%20Affiliation">here</a>.
<br><br>
<textarea>
I would like to be an affiliate of Button Baby.
My site is located at : http://www.neopets.com/~
</textarea>

<br><br>
</center>
<h6>Updates</h6>
<a>Febuary 06, 2010 -</a> I updated the site and added a few new buttons to the portfolio. Their is now no scroll bars anywhere. WooHoo! I love it.
</div></div>
<center>


<div id="2" style="position:absolute;">
<div class="pie">

<a name="#chapter2"><h4>.................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... ..............................................</h4></a>

<h5><a href="#chapter1">Home</a>.<a href="#chapter2">Requests</a>.<a href="#chapter3">Customise</a>.<a href="#chapter4">Portfolio</a>.<a href="#chapter5">Link Back & Affiliates</a>.<a href="#chapter7">Pick Ups</a></h5>
<h2>.</h2>
<h3>Requests</h3>
<h2>.</h2>

Requests are <b>OPEN</b>/CLOSED.<br><br>
Please remember to link back to me if I make you a button.<br><br>

If you would like to request a button please fill out the form below and neomail it to <a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=sweetness2290&subject=Request">sweetness2290</a>.<br><br>

<textarea>
Name:
Template:
Text:
What you would like it to say:
Your site link:
</textarea>

</div></div>

<div id="3" style="position:absolute;">
<div class="pie">

<a name="#chapter3"><h4>.................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... ..............................................</h4></a>

<h5><a href="#chapter1">Home</a>.<a href="#chapter2">Requests</a>.<a href="#chapter3">Customise</a>.<a href="#chapter4">Portfolio</a>.<a href="#chapter5">Link Back & Affiliates</a>.<a href="#chapter7">Pick Ups</a></h5>
<h2>.</h2>
<h3>Templates</h3>
<h2>.</h2>

<img src="http://i48.tinypic.com/nogbux.jpg">
<img src="http://i46.tinypic.com/29lzn74.jpg">
<img src="http://i46.tinypic.com/1zgffhh.jpg">
<img src="http://i46.tinypic.com/2gv63ar.jpg">
<img src="http://i46.tinypic.com/2mcx455.jpg">
<img src="http://i45.tinypic.com/dmp8y1.jpg">
<img src="http://i47.tinypic.com/a0dl.jpg">
<img src="http://i49.tinypic.com/99ndbc.jpg">
<img src="http://i46.tinypic.com/34i4ufs.jpg">
<img src="http://i47.tinypic.com/2zhgyv9.jpg">
<img src="http://i49.tinypic.com/99fipw.jpg">
<img src="http://i47.tinypic.com/21dq2xj.jpg">
<img src="http://i45.tinypic.com/ifa6uv.jpg">
<img src="http://i50.tinypic.com/15wf475.jpg">
<img src="http://i46.tinypic.com/nchv77.jpg">
<img src="http://i45.tinypic.com/i755as.jpg">

<h2>.</h2>
<h3>Text</h3>
<h2>.</h2>

<img src="http://i48.tinypic.com/24pi6af.gif">
<font color=#FFFFFF>.........</font>
<img src="http://i48.tinypic.com/24lit7p.gif">
<font color=#FFFFFF>.........</font>
<img src="http://i47.tinypic.com/2cdzi9t.gif">
<font color=#FFFFFF>.........</font>
<img src="http://i50.tinypic.com/2mwtqua.jpg">

</div></div>



<div id="4" style="position:absolute;">
<div class="pie">
<a name="#chapter4"><h4>.................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... ..............................................</h4></a>


<h5><a href="#chapter1">Home</a>.<a href="#chapter2">Requests</a>.<a href="#chapter3">Customise</a>.<a href="#chapter4">Portfolio</a>.<a href="#chapter5">Link Back & Affiliates</a>.<a href="#chapter7">Pick Ups</a></h5>
<h2>.</h2>
<h3>Portfolio</h3>
<h2>.</h2>

<img src="http://i47.tinypic.com/8xo2s8.gif">

<img src="http://i50.tinypic.com/2pz9z0z.gif">

<img src="http://i46.tinypic.com/34fir76.gif">

<img src="http://i49.tinypic.com/n71ugl.gif">

<img src="http://i47.tinypic.com/315y4xg.gif">

<img src="http://i46.tinypic.com/2dhv58m.gif">

<img src="http://i45.tinypic.com/29v11cz.gif">

<img src="http://i48.tinypic.com/2ekrfxd.gif">

<img src="http://i45.tinypic.com/21e9nip.gif">

<img src="http://i48.tinypic.com/212turt.gif">

<img src="http://i45.tinypic.com/25fhtoy.gif">

<img src="http://i46.tinypic.com/10y2ahd.jpg">

<img src="http://i46.tinypic.com/2uhl7qe.jpg">

<img src="http://img269.imageshack.us/img269/4937/tatiana007.gif">

<img src="http://img696.imageshack.us/img696/5024/tatiana006.gif">

<img src="http://i49.tinypic.com/2d7y6g8.gif">

<img src="http://i46.tinypic.com/n1401w.gif">

<img src="http://i48.tinypic.com/bjamwh.gif">

<img src="http://i50.tinypic.com/fabrwi.gif">

</div></div>



<div id="5" style="position:absolute;">
<div class="pie">
<a name="#chapter5"><h4>.................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... ..............................................</h4></a>



<h5><a href="#chapter1">Home</a>.<a href="#chapter2">Requests</a>.<a href="#chapter3">Customise</a>.<a href="#chapter4">Portfolio</a>.<a href="#chapter5">Link Back & Affiliates</a>.<a href="#chapter7">Pick Ups</a></h5>
<h2>.</h2>
<h3>Link Back</h3>
<h2>.</h2>

<br>

<img src="http://i45.tinypic.com/wvnzo6.gif">
<img src="http://i45.tinypic.com/25fhtoy.gif">
<img src="http://i46.tinypic.com/10y2ahd.jpg">
<img src="http://i46.tinypic.com/2uhl7qe.jpg">

<br>

<textarea>
<a href="~_oOo_Chiara_oOo_"><img border=0 src="http://i45.tinypic.com/wvnzo6.gif"></a>
</textarea>

<textarea>
<a href="~_oOo_Chiara_oOo_"><img border=0 src="http://i45.tinypic.com/25fhtoy.gif"></a>
</textarea>

<textarea>
<a href="~_oOo_Chiara_oOo_"><img border=0 src="http://i46.tinypic.com/10y2ahd.jpg"></a>
</textarea>

<textarea>
<a href="~_oOo_Chiara_oOo_"><img border=0 src="http://i46.tinypic.com/2uhl7qe.jpg"></a>
</textarea>

<br><br>

<h2>.</h2>
<h3>Affiliates</h3>
<h2>.</h2>

<br>

<a href="/~mallers_league_plaza">
<img border="0" alt="TML Plaza Shop Directory. List your shop today!!" src="http://www.mallersleague.com/guild/plaza/pllnk.jpg"></a>

<a href="~_oOo_Tatiana_oOo_"><img border=0 src="http://img269.imageshack.us/img269/4937/tatiana007.gif"></a>

<a href="~Butterfly_Cuttiee"><img src="http://i50.tinypic.com/i5ddhi.png" border="0"></a>

</div></div>




<div id="7" style="position:absolute;">
<div class="pie">
<a name="#chapter7"><h4>.................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... .................................................................................................... ..............................................</h4></a>



<h5><a href="#chapter1">Home</a>.<a href="#chapter2">Requests</a>.<a href="#chapter3">Customise</a>.<a href="#chapter4">Portfolio</a>.<a href="#chapter5">Link Back & Affiliates</a>.<a href="#chapter7">Pick Ups</a></h5>
<h2>.</h2>
<h3>Pick Ups</h3>
<h2>.</h2>

<br>
Nothing right now.


</div>
</div>
</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

abduraooft
Feb 7th, 2010, 04:28 PM
Please edit your post and add
][/COLOR] tags around the codes in your post.

drhowarddrfine
Feb 7th, 2010, 04:40 PM
Create web sites according to web standards, not browsers. You already got yourself into trouble by not creating this site according to standards which is why it doesn't work in Firefox, or any of the other modern browsers either. (Internet Explorer is NOT a modern browser)

To start, you need to add a doctype to the first line of your page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Normally I would never suggest using that one but you are using older, deprecated markup but this will take everyone out of 'quirks mode' and the realm of bad layouts in IE. However, this will make IE act differently but let's see where things stand.

Excavator
Feb 7th, 2010, 05:49 PM
Hello sweetness020290,
You definitely need a DocType and the Dr was right in suggesting that older one for you.

The next step would be validating your code:

137 errors (http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fwww.neopets.com%2f%7e_oOo_Chiara_oOo_) in your markup (adding a DocType will change this)
8 errors (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3a%2f%2fwww.neopets.com%2f%7e_oOo_Chiara_oOo_) in your CSS

Read about validation in the links in my sig below.

sweetness020290
Feb 7th, 2010, 06:03 PM
i added that doc thing and it screwed everything up for IE now i can see every div layer showing through

sweetness020290
Feb 7th, 2010, 06:24 PM
would just this work? <!DOCTYPE HTML SYSTEM>

i have a basic understanding of html and css self taught... so i dont understand that whole validating thing... i looked it over and it confused the hell outta me...

Excavator
Feb 7th, 2010, 06:39 PM
No, that wouldn't do much for you.
drhowarddrfine picked the right one for you. Don't expect it to be a magic bullet and fix everything though. Your site has lot of other problems that need attention and are just as important.

When working with the validators, fix the first error and re-validate. Many times fixing one error will remove 5 or 6 other when you validate again because of the way the errors cascade.


Please go back and edit your original post. The code tags, &#91;code&#93;&#91;/code&#93; are available with the # button in the post edit window.This will wrap your code in a scroll box which greatly helps the readability of your post.