Right, the marquee problem:
This was a deceptively simple error. As you use Dreamweaver you'd have noticed if there was a syntax-error in the script itself, of course (lovely lovely highlighting :) ) but in fact the problem was with the script *tag*.
<script language="JavaScript1.2" type="text/JavaScript1.2">
The MIME-type "text/JavaScript1.2" is allowed by IE, but apparently not by Firefox (this is the correct, if unforgiving, behaviour). The universally-accepted type is text/javascript so try
<script language="JavaScript1.2" type="text/javascript">
and you're good.
Hope that sorts it - let me know if you need any more detail :)
Main Topics
Browse All Topics
by: Havin_itPosted on 2005-12-05 at 10:23:22ID: 15421607
Hi John,
I can confirm both errors in my Firefox; not near an IE right now, but I can tell you the 'broken boxes' one could recur in IE under certain circumstances.
I'll try to spot the Javascript problem too, but right now let's talk about the broken boxes. This is happening because the text in the affected boxes renders too large in Firefox for the containing table-cell (<td> element), which consequently stretches vertically (this is good). Because the box-side images don't stretch, there's a gap (not good).
Here's your code for the first affected box:
<td rowspan="6" valign="top"><img src="images/OurPastorsBoxl
<td colspan="4" rowspan="5" valign="top"><div align="left">
<p><img src="images/JimRhonda.jpg"
Jim and Rhonda truly have a heart for ministry today. They are called
by God and have a compelling vision for Brighton, Missouri and people
from surrounding areas. Click <a href="OurPastors.htm">HERE
more about them.</font></p>
</div></td>
<td rowspan="6" valign="top"><img src="images/OurPastorsBoxR
Now, without going into more lofty design-philosophy issues (you really should think about ending the use of tables for layout, y'know), the simplest fix for this is to make the side images stretch if/when the text stretches the cell's height. To do that, we'll need to put them in as background images so we can tile them vertically (okay, not really stretching, but as they're uniform vertically, the effect is the same).
<td rowspan="6" style="background-image:ur
<td colspan="4" rowspan="5" valign="top"><div align="left">
<p><img src="images/JimRhonda.jpg"
Jim and Rhonda truly have a heart for ministry today. They are called
by God and have a compelling vision for Brighton, Missouri and people
from surrounding areas. Click <a href="OurPastors.htm">HERE
more about them.</font></p>
</div></td>
<td rowspan="6" style="background-image:ur
Now, when the text is made larger (note: this is, or should be possible in any accessibility-focused browser, for the sake of visually-impaired users) it stretches the whole row's height, but however much it does so, the images repeat, so the border of the box is unbroken. You can repeat it wit the other affected boxes - let me know if you need help.
Another advantage of this (if you're really trying to squeeze down your page-sizes) is that you can edit the side-images to be just one pixel in height, and they'll still appear exactly the same.