Firefox and ranch layouts

[Kalina Peregryph]

I just upgraded to Firefox and now my ranch layout isn't looking too pretty anymore. I have the NoScripts addon and I'm wondering if that has something to do with it? I have VHR set as a safe site, but all the text that was nicely contained in its little box is now all over the entire page. Anyone have an idea what's wrong?

[Jellybeanjoe]

Most layouts are made using HMTL. Most web browsers accomodate most HTML, however Explorer kept making up new HTML codes that only really work with them. Thus CSS was created to work across all web browsers.

I can't say exactly what is wrong with your layout, because I'm only versed in basic HTML code, and I don't have access to your layout, but I'ld be willing to bet that you've probably got some of the more advanced code that works only with Explorer . . .

[Kalina Peregryph]

It's a layout I picked up from Painted Designs and changed the background picture for. I only know very very basic HTML myself so I'm not sure what would be the issue. Can anyone take a look and give me an idea? It seems like the problem is with whatever makes the text go in the little scrolling box, because the text shows up all over the page and the links still work. It's just not bound where it's supposed to be. >.>

<style type="text/css">
BODY {
SCROLLBAR-FACE-COLOR: #372d4a;
SCROLLBAR-HIGHLIGHT-COLOR: #8a7ea3;
SCROLLBAR-SHADOW-COLOR: #372d4a;
SCROLLBAR-3DLIGHT-COLOR: #372d4a;
SCROLLBAR-ARROW-COLOR: #372d4a;
SCROLLBAR-TRACK-COLOR: #6f5e7e;
SCROLLBAR-DARKSHADOW-COLOR: #372d4a
</STYLE>
<center>
<STYLE type="text/css"><!--
A:link{color: #000000;text-decoration:none; font-size:10pt;}
A:visited{color: #000000;text-decoration:none; font-size:10pt;}
A:active{color: "purple" ;text-decoration:none; font-size:10pt;}
A:hover{color: "darkblue" ;text-decoration: none; cursor: crosshair; font-size:10pt;}
--></STYLE>
<STYLE TYPE="text/css"> BODY {background:#3e0a5d ;} </style>
<center>
<center><table border="0" cellpadding="5"
cellspacing="5" width="659"
background="http://i625.photobucket.com/albums/tt333/KalinaVHR/ExoticsRanchLayout.jpg"
height="547px">
<tr>
<td><span style="position: relative; width: 275; height: 190;
left: 50px; bottom: -15px; visibility: visible; overflow:
auto; <font color="#ffffff">
<b>.About the Ranch.</b><br>
Thanks for visiting Frenzied Exotics Stable, an affiliate of Frenzied Mare Stables.<br><br>
<br>
<b>.About My Horses.</b><br>
Horses here are most likely not for sale or breeding. Any requests should be sent to my main stable which is linked below.br><br>
<br>
<b>.My Ranches.</b><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=63">Frenzied Mare- Main Ranch</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=1463">Train Em Right- Holding</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=539">Peregrine Falling- Racers</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=2337">Work It Heavy- Drafters</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=22110">Graceful Etiquette- Flashy Movers</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=24152">Frenzied Stallions- Testosterone Gone Amok</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=26116">Frenzied Stallions 2- Studly Creatures</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=11501">Frenzied Elders- Regal Ancients</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=3985">Frenzied Salesfloor- Horses for Sale</a><br>
<br><br>
</span></font></td>
</tr>
</table>
<br>
<a href="http://www.freewebs.com/painteddesigns">|Painted Design|</a><br>

[Akutenshi]

It's a layout I picked up from Painted Designs and changed the background picture for. I only know very very basic HTML myself so I'm not sure what would be the issue. Can anyone take a look and give me an idea? It seems like the problem is with whatever makes the text go in the little scrolling box, because the text shows up all over the page and the links still work. It's just not bound where it's supposed to be. >.>

<style type="text/css">
BODY {
SCROLLBAR-FACE-COLOR: #372d4a;
SCROLLBAR-HIGHLIGHT-COLOR: #8a7ea3;
SCROLLBAR-SHADOW-COLOR: #372d4a;
SCROLLBAR-3DLIGHT-COLOR: #372d4a;
SCROLLBAR-ARROW-COLOR: #372d4a;
SCROLLBAR-TRACK-COLOR: #6f5e7e;
SCROLLBAR-DARKSHADOW-COLOR: #372d4a
</STYLE>
<center>
<STYLE type="text/css"><!--
A:link{color: #000000;text-decoration:none; font-size:10pt;}
A:visited{color: #000000;text-decoration:none; font-size:10pt;}
A:active{color: "purple" ;text-decoration:none; font-size:10pt;}
A:hover{color: "darkblue" ;text-decoration: none; cursor: crosshair; font-size:10pt;}
--></STYLE>
<STYLE TYPE="text/css"> BODY {background:#3e0a5d ;} </style>
<center>
<center><table border="0" cellpadding="5"
cellspacing="5" width="659"
background="http://i625.photobucket.com/albums/tt333/KalinaVHR/ExoticsRanchLayout.jpg"
height="547px">
<tr>
<td><span style="position: relative; width: 275; height: 190;
left: 50px; bottom: -15px; visibility: visible; overflow:
auto; ><font color="#ffffff">
<b>.About the Ranch.</b><br>
Thanks for visiting Frenzied Exotics Stable, an affiliate of Frenzied Mare Stables.<br><br>
<br>
<b>.About My Horses.</b><br>
Horses here are most likely not for sale or breeding. Any requests should be sent to my main stable which is linked below.br><br>
<br>
<b>.My Ranches.</b><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=63">Frenzied Mare- Main Ranch</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=1463">Train Em Right- Holding</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=539">Peregrine Falling- Racers</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=2337">Work It Heavy- Drafters</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=22110">Graceful Etiquette- Flashy Movers</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=24152">Frenzied Stallions- Testosterone Gone Amok</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=26116">Frenzied Stallions 2- Studly Creatures</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=11501">Frenzied Elders- Regal Ancients</a><br>
<a href="http://www.virtualhorseranch.com/viewranch.php?ranch=3985">Frenzied Salesfloor- Horses for Sale</a><br>
<br><br>
</span></font></td>
</tr>
</table>
<br>
<a href="http://www.freewebs.com/painteddesigns">|Painted Design|</a><br>

Try closing the <span> tag like I bolded. It was left open which quite possibly could be the cause of your problem

[Kalina Peregryph]

Nope, didn't fix it. It still shows correctly in IE, so I think Jellybeanjoe might have the right idea.

[Akutenshi]

Let me tinker with it and try to ghetto fix it. *pulls out ducttape and gets to work*

First of, the scrollbar css won't work in firefox, so don't be alarmed <.<.

Second of all from what I've been reading you need to replace the span with a div.

put this

Code: Select all

.scroll { width: XXXpx; height: XXXpx; overflow: auto;}

in your header css. The div command should look like

Code: Select all

<div class=scroll> content here </div>

you might need to reposition it with some minor coding I can't remember how to do it and my food is boiling over XD so I can't be much help there.