brookedanett
asked on
Dreamweaver MX 2004 compatability with Firefox 5.0
when looking at the main page of our website on firefox 5.0 the graphic are split apart instead of making one page.
heres the page: http://thecurtainfactory.org/main2.html
here's the html
<html>
<head>
<title>Front page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_pre
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&p
d=parent.frames[n.substrin
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;
for(i=0;!x&&d.layers&&i<d.
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arg
if ((x=MM_findObj(a[i]))!=nul
}
function MM_openBrWindow(theURL,win
window.open(theURL,winName
}
//-->
</script>
<style type="text/css">
<!--
body {
background-color: #FFFF99;
}
-->
</style></head>
<body leftmargin="0px" topmargin="0px" marginwidth="0px" marginheight="0px" onLoad="MM_preloadImages('
<!-- ImageReady Slices (fpfinal late night.ai) -->
<table id="Table_01" width="1027px" height="857px" border="0px" cellpadding="0px" cellspacing="0px">
<tr>
<td colspan="5px">
<img src="file:///Macintosh%20H
<td rowspan="3px" align="left" valign="top"> <a href="javascript:void(0)" onClick="MM_openBrWindow('
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td colspan="2px" rowspan="4px">
<img src="/web%20images/tcffron
<td colspan="3px" align="left" valign="top">
<a href="javascript:void(0)" onClick="MM_openBrWindow('
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td colspan="3px" rowspan="3px">
<img src="/web%20images/tcffron
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td align="left" valign="top">
<img src="/web%20images/tcffron
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td rowspan="2px">
<img src="/web%20images/tcffron
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td rowspan="3px">
<img src="file:///Macintosh%20H
<td colspan="3px" align="left" valign="top"> <a href="/gallery.htm" onMouseOver="MM_swapImage(
<td>
<img src="/web%20images/tcffron
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td colspan="2px" rowspan="2px">
<a href="/aboutus.htm" onMouseOver="MM_swapImage(
<td colspan="3px" align="left" valign="top">
<a href="/links.htm" onMouseOver="MM_swapImage(
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td colspan="3px">
<img src="/web%20images/tcffron
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td height="73px">
<img src="file:///Macintosh%20H
<td>
<img src="file:///Macintosh%20H
<td>
<img src="file:///Macintosh%20H
<td>
<img src="file:///Macintosh%20H
<td>
<img src="file:///Macintosh%20H
<td>
<img src="file:///Macintosh%20H
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
heres the page: http://thecurtainfactory.org/main2.html
here's the html
<html>
<head>
<title>Front page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_pre
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&p
d=parent.frames[n.substrin
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;
for(i=0;!x&&d.layers&&i<d.
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arg
if ((x=MM_findObj(a[i]))!=nul
}
function MM_openBrWindow(theURL,win
window.open(theURL,winName
}
//-->
</script>
<style type="text/css">
<!--
body {
background-color: #FFFF99;
}
-->
</style></head>
<body leftmargin="0px" topmargin="0px" marginwidth="0px" marginheight="0px" onLoad="MM_preloadImages('
<!-- ImageReady Slices (fpfinal late night.ai) -->
<table id="Table_01" width="1027px" height="857px" border="0px" cellpadding="0px" cellspacing="0px">
<tr>
<td colspan="5px">
<img src="file:///Macintosh%20H
<td rowspan="3px" align="left" valign="top"> <a href="javascript:void(0)" onClick="MM_openBrWindow('
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td colspan="2px" rowspan="4px">
<img src="/web%20images/tcffron
<td colspan="3px" align="left" valign="top">
<a href="javascript:void(0)" onClick="MM_openBrWindow('
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td colspan="3px" rowspan="3px">
<img src="/web%20images/tcffron
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td align="left" valign="top">
<img src="/web%20images/tcffron
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td rowspan="2px">
<img src="/web%20images/tcffron
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td rowspan="3px">
<img src="file:///Macintosh%20H
<td colspan="3px" align="left" valign="top"> <a href="/gallery.htm" onMouseOver="MM_swapImage(
<td>
<img src="/web%20images/tcffron
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td colspan="2px" rowspan="2px">
<a href="/aboutus.htm" onMouseOver="MM_swapImage(
<td colspan="3px" align="left" valign="top">
<a href="/links.htm" onMouseOver="MM_swapImage(
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td colspan="3px">
<img src="/web%20images/tcffron
<td>
<img src="file:///Macintosh%20H
</tr>
<tr>
<td height="73px">
<img src="file:///Macintosh%20H
<td>
<img src="file:///Macintosh%20H
<td>
<img src="file:///Macintosh%20H
<td>
<img src="file:///Macintosh%20H
<td>
<img src="file:///Macintosh%20H
<td>
<img src="file:///Macintosh%20H
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Note: I didn't apply italics...the RTF editor is still a bit buggy.
ASKER
Sorry- I guess I am using Firefox 2.0... and I know a lot of users who are still working with this browser, so I would like to make it work. Although, it is good to know it worked for Firefox 3.0
here's what it looks like:
screenshot.jpg
here's what it looks like:
screenshot.jpg
It's possible (but unlikely) that older versions of FF are having issues with your image path notation:
colspans should just be a number, not a pixel value. Change all that you can find to:
where X is the number in front the px...
colspans should just be a number, not a pixel value. Change all that you can find to:
where X is the number in front the px...
ASKER
changing the colspans did not work.
i am not having problems with the other pages on the site... so i'm not sure why this one is causing problems.
have tried redoing it, and still turns out the same way.
i am not having problems with the other pages on the site... so i'm not sure why this one is causing problems.
have tried redoing it, and still turns out the same way.
I also noticed that the page has no doctype.
Add this to the top of the document:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
and try again. It's definitely a bug in FF 2 and 1.5 but I cannot seem to figure out where it is being generated. Have you changed the file paths be document relative yet? In other words this:
not this:
Add this to the top of the document:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
and try again. It's definitely a bug in FF 2 and 1.5 but I cannot seem to figure out where it is being generated. Have you changed the file paths be document relative yet? In other words this:
not this:
ASKER
thanks for all your help... but i tried changing the file paths and it's still not working.
i am new to all of this-- so it's possible i'm not making the correct changes. here's what the new code looks like:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Front page
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i0&&parent.fram
d=parent.frames[n.substrin
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i
</script>
i am new to all of this-- so it's possible i'm not making the correct changes. here's what the new code looks like:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Front page
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i0&&parent.fram
d=parent.frames[n.substrin
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i
</script>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
ok... but i'm not really sure how i would fix that. sorry-- any help would be much appreciated.
You need to go through each row of the table in code view and count the columns defined. Once you know how many are in each row, you need to make some decisions about what to do next.
If all of the rows have different counts, my best advice is to blow up the table and start over. If only one row is off by one column, then adjust that row so that it matches all of the others. This can include adding a span to an existing colspan, reducing it by one, or just adding a blank right before the closing tag.
If all of the rows have different counts, my best advice is to blow up the table and start over. If only one row is off by one column, then adjust that row so that it matches all of the others. This can include adding a span to an existing colspan, reducing it by one, or just adding a blank right before the closing tag.
Firefox 5?
Looking at your page on FF 3 (the most current version I am aware of), the graphics appear to be fine. Screenshot attached.
eecurtain.jpg