A friend of mine has a band & website [no im not spamming his band :p] and has been having trouble with the the frontpage [because of the CCS and height properties problem with Mozilla and Netscape broswers...i think the <div paramater also is a problem]. It works fine in IE. He knows what the problem is, but not how to fix it. I know that some of you know about this kind of thing and any help you can offer would be great!
The code for the page is:
<html>
<head>
<title>Second Hand Ferrets</title>
</head>
<frameset cols="170,*" frameborder=0 border=0>
<frame name="menu" scrolling="no" noresize target="contents" src="contents.htm" frameborder=0 border=0>
<frameset rows="120,*" frameborder=0 border=0>
<frame name="banner" target="main" src="banner.htm" scrolling="no" noresize frameborder=0 border=0>
<frame name="main" src="main.htm" noresize frameborder=0 border=0>
</frameset>
<noframes>
<style type="text/css">
<!--
body{margin: 12px 12px 12px 12px; scrollbar-3dlight-color:#3333a0;scrollbar-arrow-color:#3333a0;
scrollbar-base-color:#000055;scrollbar-track-color:#020053;scrollbar-darkshadow-color:#3333a0;scrollbar-face-color:#000055;
scrollbar-highlight-color:#3333a0;scrollbar-shadow-color:#3333a0}
p{text-align:Justify;margin: 0px 0px 0px 0px}
div{margin:0px 0px 0px 0px}
p.mini{font: 8pt; color: c0c0c0; Margin: 0px 0px 0px 0px; line-height=100%}
-->
</style>
<script>
var quotes=new Array();
quotes[0]='\"Jimmy Ray is a bear - a government bear\"';
quotes[1]='\"Gibb tells himself he is Spider One so much he belives it now. The fool.\"';
quotes[2]='\"Gibb has changed his name by depoll to Dave Gibbs\"';
quotes[3]='\"Please donate Gibb some drum sticks\"';
quotes[4]='\"Jimmy Taylor`s glasses have strange powers\"';
quotes[5]='\"Gibb broke the plant pot! :-)\"';
quotes[6]='\"A high quality website for a low quality band\"';
quotes[7]='\"It`s not a bear, it`s a ferret!\"';
quotes[8]='\"Everytime before Gibb plays drums he thinks of a cucumber\"';
quotes[9]='\"Meh\"';
quotes[10]='\"Nyah\"';
quotes[11]='\"Sacky Sacky 10 dollar!\"';
quotes[12]='\"Wiiiiddddgeeeet!!!\"';
quotes[13]='\"Jimmy the Poo!\"';
quotes[14]='\"They`re in the woods, the camera is moving, they`re looking for some witch or something. Nothings happening, nothings happening, something about a map, nothings happening. Its over. A lot of people in the audience look pissed.\"';
quotes[15]='\"It might help if you hit record\"';
quotes[16]='\"That was the funniest thing that ever happen to me\"';
quotes[17]='\"Chicken! Gave me a bad coupon!\"';
quotes[18]='\"Je ne suis pas un poutain! Je n`avais pas le sex pour l`argent!\"';
quotes[19]='\"I`ve got a big fat ------- bone to stick in you my darling\"';
quotes[20]='\"Am...Am I supposed to conduct with my penis?\"';
quotes[21]='\"YOU! Cake or death?!?\"';
quotes[22]='\"I put the shirt in the wash...and it come out like this!\"';
quotes[23]='\"One of them is gay. I swear it!\" - King Cwissy';
quotes[24]='\"Beast. BEAST I SAY!\" - Cwissy H.';
quotes[25]='\"I like playing with Simon\" - King Cwissy';
quotes[26]='\"Everything`s coming up FERRET!\"';
quotes[27]='\"Will, you and the robot go out into the wilderness and take this mincing, boy-hungry paedophile with you\"';
quotes[28]='\"I want chicken I want liver; Mioaw Mix, Mioaw Mix, please deliver\"';
quotes[29]='\"Don`t feed them, they`ll breed!\"';
quotes[30]='\"We go pub now?\"';
quotes[31]='\"Second Hand Frettchen\"';
quotes[32]='\"Damn you Newton!\" - Remember the reference, and I will give u stuff. But not a lot of stuff.';
</SCRIPT>
<body bgcolor="#020053" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" onLoad="quotep.innerHTML=quotes[Math.floor(Math.random()*(quotes.length))];">
<div align="center">
<center>
<table width=100% height="100%" border="0" cellspacing="0" cellpadding="0">
<tr width="100%" height="100%">
<td valign="top" align="left" width="30%" height="100%" NOBR>
<a HREF="people.html">Band Members</a><br>
<a HREF="info.html">Band Info</a><br>
<a HREF="songs.html">Songs</a><br>
<a HREF="news.html">News</a><br>
<a HREF="panda.html">Debate</a><br>
<a HREF="influences.html">Influences</a><br>
<a HREF="photos.html">Photos</a><br>
<a HREF="downloads.html">Downloads</a><br>
<a HREF="links.html">Links</a><br>
<a HREF="contact.html">Contact Us</a><br>
<a HREF="http://books.dreambook.com/shf1/main.html">Guestbook</a><br>
<a HREF="http://members.lycos.co.uk/shferrets/board/">Forum</a><br>
</td>
<td valign="middle" align="center" width="70%" height="100%" style="background-image: url('hand.jpg'); background-repeat: no-repeat; background-position:center 50%">
<i><p align=center style="text-align:center;width:450px" name=quotep id=quotep>Second Hand Ferrets</p></i>
</td>
</tr>
</table>
</center>
</div>
</body>
</noframes>
</frameset>
</html>
If you need to take a look at the page its www.secondhandferrets.co.uk.
Any suggestems are welcome and thanks in advance.
Edit: sorry, just to make things a bit clearer. In Mozilla, the quotes dont appear randomly as they should and the ferret watermark is aligned way too high [this is all on the index page]. Its pretty clear if u compare it in iE and Mozilla :)
Try the following, note this hasn't been tested in IE.
Change the quotes.js to the following
Change the html in main.html to the following:function randomQuote()
{
var quotes=new Array();
quotes[8]='\"Jimmy Ray is a bear - a government bear\"';
quotes[4]='\"Jimmy Taylor`s glasses have strange powers\"';
quotes[5]='\"Gibb broke the plant pot! :-)\"';
quotes[6]='\"A high quality website for a low quality band\"';
quotes[7]='\"It`s not a bear, it`s a ferret!\"';
quotes[9]='\"Meh\"';
quotes[10]='\"Nyah\"';
quotes[11]='\"Sacky Sacky 10 dollar!\"';
quotes[12]='\"Wiiiiddddgeeeet!!!\"';
quotes[13]='\"Jimmy the Poo!\"';
quotes[14]='\"They`re in the woods, the camera is moving, they`re looking for some witch or something. Nothings happening, nothings happening, something about a map, nothings happening. Its over. A lot of people in the audience look pissed.\"';
quotes[15]='\"It might help if you hit record\"';
quotes[16]='\"That was the funniest thing that ever happen to me\"';
quotes[17]='\"Chicken! Gave me a bad coupon!\"';
quotes[18]='\"Je ne suis pas un poutain! Je n`avais pas le sex pour l`argent!\"';
quotes[19]='\"I`ve got a big fat ------- bone to stick in you my darling\"';
quotes[20]='\"Am...Am I supposed to conduct with my penis?\"';
quotes[21]='\"YOU! Cake or death?!?\"';
quotes[22]='\"I put the shirt in the wash...and it come out like this!\"';
quotes[23]='\"One of them is gay. I swear it!\" - King Cwissy';
quotes[24]='\"Beast. BEAST I SAY!\" - King Cwissy';
quotes[25]='\"I like playing with Simon\" - King Cwissy';
quotes[26]='\"Everything`s coming up FERRET!\"';
quotes[27]='\"Will, you and the robot go out into the wilderness and take this mincing, boy-hungry paedophile with you\"';
quotes[28]='\"I want chicken I want liver; Mioaw Mix, Mioaw Mix, please deliver\"';
quotes[0]='\"Don`t feed them, they`ll breed!\"';
quotes[1]='\"We go pub now?\"';
quotes[2]='\"Second Hand Frettchen\"';
quotes[3]='\"Damn you Newton!\" - Remember the reference, and I will give u stuff. But not a lot of stuff.';
quotes[29]='\"Ian, your a musician, give us a blow.\" - Crawf';
quotes[30]='\"The harder it is, the easier it is to blow.\" - Eirwen';
var res=Math.floor(Math.random()*quotes.length);
document.open();
document.write(quotes[res]);
document.close();
}
<html>
<head>
<title>Second Hand Ferrets - Lunch At Costcutters</title>
<style type="text/css">
<!--
body{margin: 12px 12px 12px 12px; scrollbar-3dlight-color:#3333a0;scrollbar-arrow-color:#3333a0;
scrollbar-base-color:#000055;scrollbar-track-color:#020053;scrollbar-darkshadow-color:#3333a0;scrollbar-face-color:#000055;
scrollbar-highlight-color:#3333a0;scrollbar-shadow-color:#3333a0}
p{text-align:Justify;margin: 0px 0px 0px 0px}
div{margin:0px 0px 0px 0px}
p.mini{font: 8pt; color: c0c0c0; Margin: 0px 0px 0px 0px; line-height=100%}
-->
</style>
</head>
<script src="quotes.js"></SCRIPT>
<body bgcolor="#020053" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" style="background-image: url('hand.jpg'); background-repeat: no-repeat; background-position: 50% 50%">
<tr>
<td valign="middle" align="center">
<DIV align=center style="align:center">Photos with Ian in! (And they're bigger this time) Quote recommendation's welcome, see the forum...</div><BR>
<div name="quotep">
<script language="javascript">
randomQuote();
</script>
</div>
<I><p align=center style="text-align:center;width:450px">Second Hand Ferrets</p></I>
</td>
</tr>
</table>
</body>
</html>
thanks fernandez :gj just about to test it.
Edit: its working a lot better now :goodjob. Quotes still won't show randomnly in Mozilla, but everything is aligned properly, so thanks again!
That's strange, it works under mozilla for me.
Anyways, I removed some redundant code.
I'm attaching the zipped version.
See if this one works under Mozilla.
ARGH!!! WHEN WILL PEOPLE UNDERSTAND!!!Originally Posted by stewiegriffin
Internet Explorer is the one with the problem. It does not understand CSS correctly - unlike Mozilla/Firebird/NS7/Opera.
I don't use tables anymore - all my work is CSS/DIV based.
He'd also be better putting the script in a seperate file and then putting a <link> in the head to the .js file. Purely because it makes it easier to look at and therefore easier to edit. Same with the CSS.
Actually he had a separate js file already, some of it was just redundant and appeared in the index.htm too. The css part is short, so I just left it the way it was.
heh..i'll let him know :p
Posting Permissions
Reply With Quote
Bookmarks