• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1563
  • Last Modified:

Spry Data Set (HTML) is not showing up in IE. help!

My site is working fine in firefox, safari, etc... but in IE7 the spry data set disappears with just the border visible.  

What am I doing wrong?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var dsHOME = new Spry.Data.HTMLDataSet("spry/data.html", "homepage_source", {sortOnLoad: "when", sortOrderOnLoad: "ascending"});
dsHOME.setColumnType("when", "date");
//-->
</script>
<head>
<title>Bethel Lutheran Church</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="SpryAssets/SpryMasterDetail.css"/>
<link rel="stylesheet" type="text/css" href="SpryAssets/SprySpotlightColumn.css"/>
<link href="bethel_favicon.ico" rel="icon" />
</head>
<body>
<center>
  <table width="760" border="0" cellpadding="3" cellspacing="0" bgcolor="#FFFFFF">
    <tr>
      <td align="left" valign="top"><span class="logo">Bethel Lutheran Church</span></td>
      <td width="200" align="right" valign="top"><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td>&nbsp;</td>
            <td><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="15" align="center" valign="middle"><a href="contact.php"><img src="images/phone.jpg" alt="alt here" width="16" height="16" border="0" /></a></td>
                  <td ><a href="contact.php"  class="toplink">contact </a></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td colspan="2" align="left" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="left" valign="top"><table width="100%"  border="0" cellspacing="1" cellpadding="2">
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="index.html" class="menu">Home</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="about.html" class="menu">About our Church </a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="calendar.html" class="menu">Calendar</a></td>
                      </tr>
                      <tr bgcolor="#EFEFEF">
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'">&nbsp;<a href="sermons.html" class="menu">Sermons</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="community.html" class="menu">Community</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="sryouth.html" class="menu">Sr Youth</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="http://www.mygrapple.com/default.aspx" class="menu">Jr Youth</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#EFEFEF">&nbsp;<a href="sundayschool.html" class="menu">Sunday School</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="confirmation.html" class="menu">Confirmation</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="http://www.groupvbs.com/webtoybox/myvbs/bethellcVBS2009" class="menu">VBS</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="contact.php" class="menu">Contact and Directions</a></td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td align="center" valign="top"><table width="98%"  border="0" cellspacing="1" cellpadding="2">
                      <tr>
                        <td height="20" align="left" valign="top" bgcolor="#F19F00" class="subtitle">&nbsp;Church news</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="text"><strong>Adult Bible Study</strong>: Pastor Elsner is leading a class on Heaven and Hell. The class meets on  Sundays at 9:15 a.m. in the Great Hall. Everyone is welcome to attend. </td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="text"><strong>Mom's Ministry:</strong> Join us for A Mom&rsquo;s Ordinary Day: Gaining and Being a Friend in Classroom  9. The Sunday group meets every Sunday at 9:15 a.m. The Thursday group  meets the 1st and 3rd Thursday of every month at 10 a.m. You choose  which day is more convenient for you. Childcare is provided during our  gatherings.</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><p class="text"><a href="https://www.eservicepayments.com/cgi-bin/specialwebapp.vps?appid=40a27221f816144b21e9f2e0d81891b8a68820b814b79fc6caf83c6a4fcf06b22f288aa4a34fa442a76b20a4eb1041b09725c66fcf182e50a0dce7d461c32c9f"><img src="images/donate.jpg" alt="Donate" width="50" height="49" hspace="5" vspace="5" border="0" align="left" /></a>Did you know that you can now make donations to Bethel securely and safely on the Bethel website? To donate, go to our <a href="https://www.eservicepayments.com/cgi-bin/specialwebapp.vps?appid=40a27221f816144b21e9f2e0d81891b8a68820b814b79fc6caf83c6a4fcf06b22f288aa4a34fa442a76b20a4eb1041b09725c66fcf182e50a0dce7d461c32c9f">secure area</a>.</p></td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td align="center" valign="top">&nbsp;</td>
                </tr>
              </table></td>
            <td width="555" align="left" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td height="222" align="right" valign="bottom" class="top"><table width="400"  border="0" cellspacing="0" cellpadding="10">
                      <tr>
                        <td align="right" valign="top" class="whitetext"><p><strong>Visions of Opportunity, From Hearts of Gratitude</strong></p>
                          <p>3166 N. McMullen Booth Rd. Clearwater, FL. 33761<br />
                          </p></td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td height="1" align="left" valign="middle" bgcolor="#FFFFFF" class="largetitle"></td>
                      </tr>
                      <tr>
                        <td height="25" align="left" valign="middle" bgcolor="#F19F00" class="largetitle"><span class="main" style="margin-left:145px; margin-top:3px "><font class="dark">Welcome to Bethel Lutheran Church!</font></span></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="text"><img src="images/jesus.jpg" alt="jesus" hspace="15" vspace="15" align="left" />
                          <div style="margin-left:145px; margin-top:3px " class="main"></div>
                          <div style="margin-left:10px; margin-right:30px; height: auto;" class="main">
                            <p>Pastor Parsch                         is a teacher and a counselor and, most of all, he                         isa friend. If you have questions about your faith or  Lutheran                         doctrine, he would certainly be an excellent source of information.                         Please contact Jeannie, and she will arrange a time                         for you to meet with Pastor (727.799.3010).</p>
                            <p>God has blessed                         the city of Clearwater and its people with a beautiful new church. Read                         all about it in the St. Petersburg Times article written <a href="http://pqasb.pqarchiver.com/sptimes/access/1222247091.html?dids=1222247091:1222247091&amp;FMT=FT&amp;FMTS=ABS:FT&amp;date=Feb%2B24,%2B2007&amp;author=EILEEN%2BSCHULTE&amp;pub=St.%2BPetersburg%2BTimes&amp;edition=&amp;startpage=10&amp;desc=Church%2Bgets%2B$4-million%2Bmakeover" target="_blank"><strong>about the church</strong></a> and it's dedication.</p>
                            <p>Services  are held every Sunday at 8:00 a.m. and 10:30 a.m. We use the new LBS  hymnal, celebrating Holy Communion in both services on the 1st and 3rd  Sundays of each month. Both the Common Cup and Individual Cups are  used. (If for personal reasons you should not consume alcohol, the  center cup in each tray contains a non-alcoholic wine).</p>
                            <p><span class="largetitle">Announcements and Special Events</span></p>
                            <div class="MasterDetail">
                              <div spry:region="dsHOME" class="MasterContainer">
                                <div class="MasterColumn" spry:repeat="dsHOME" spry:setrow="dsHOME" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{title}<br />
                                  {when}<br />
                                  {where}</div>
                              </div>
                              <div spry:detailregion="dsHOME" class="DetailContainer">
                                <div class="DetailColumn">{image}</div>
                                <div class="DetailColumn">{details}</div>
                              </div>
                              <br style="clear:both" />
                            </div>
                            <p>&nbsp;</p>
                          </div></td>
                      </tr>
                    </table></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
    </tr>
    <tr align="center" valign="middle" bgcolor="#efefef">
      <td height="35" colspan="2" class="bottomlinks"><a href="index.html">Home</a> &nbsp;&nbsp;&nbsp;<a href="about.html">About our church</a> &nbsp;&nbsp;&nbsp;<a href="sermons.html">Sermons</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="community.html">Community</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Site map</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Privacy</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="contact.php">Contact</a></td>
    </tr>
    <tr>
      <td height="4" colspan="2" align="center" valign="top"><a href="http://www.magictemplate.com" target="_blank" class="toplink"><br />
        Copyright 2009 Bethel Lutheran Church</a><br /></td>
    </tr>
  </table>
</center>
</body>
</html>

Open in new window

0
andyDCE
Asked:
andyDCE
  • 5
  • 4
1 Solution
 
Jason C. LevineNo oneCommented:
Hi andyDCE,

IE is pretty twitchy about formatting in the dataset.  Is this a regular page or just an HTML fragment?  Table or list?
0
 
andyDCEAuthor Commented:
yes there are tables.  list?  I do know that someone commented on the tons of divs I have.  the page is at www.bethellc.com

thanks for the fast response.
0
 
Jason C. LevineNo oneCommented:
HTML datasets can use tables or lists.

Is your DATA page a fully formatted and working document or is it just a plain page with the data on it?
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
andyDCEAuthor Commented:
OH!  sorry.... VERY new at this whole web design thing.  HTML data set is using tables.... http://bethellc.com/spry/data.html

its fully fuctional as far as I know.  I had to assign as id for the table.  is that what you mean?
0
 
andyDCEAuthor Commented:
something that might help is that if you view the page in IE, when you refresh the page the data set is there for a split second and then disappears.
0
 
Jason C. LevineNo oneCommented:
You don't need to apologize.

Try moving the <script> calls inside of the <head></head> block and report back
0
 
andyDCEAuthor Commented:
unless I did it wrong... It dodn't seem to work...  Below is where I moved the <head> from, and to where i moved it too.

Still not working in IE but looks the same in firefox.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
 
<head>  <----I MOVED THE TAG TO HERE
 
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var dsHOME = new Spry.Data.HTMLDataSet("spry/data.html", "homepage_source", {sortOnLoad: "when", sortOrderOnLoad: "ascending"});
dsHOME.setColumnType("when", "date");
//-->
</script>
 
<---FROM HERE
 
<title>Bethel Lutheran Church</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="SpryAssets/SpryMasterDetail.css"/>
<link rel="stylesheet" type="text/css" href="SpryAssets/SprySpotlightColumn.css"/>
<link href="bethel_favicon.ico" rel="icon" />
</head>

Open in new window

0
 
andyDCEAuthor Commented:
GOT IT!  Can you explain why this solution worked so that I can understand how to prevent this in the future!?!?

I moved the code below that is noted:


                      <p>Services  are held every Sunday at 8:00 a.m. and 10:30 a.m. We use the new LBS  hymnal, celebrating Holy Communion in both services on the 1st and 3rd  Sundays of each month. Both the Common Cup and Individual Cups are  used. (If for personal reasons you should not consume alcohol, the  center cup in each tray contains a non-alcoholic wine).</p>
<p><span class="largetitle">Announcements and Special Events</span></p>
 
 
<div class="MasterDetail">  <-- I MOVED THESE TWO LINES (this one and the one below it) ALL THE WAY TO THE LEFT... SEE INITIAL POST FOR WHERE THEY WERE.
<div spry:region="dsHOME" class="MasterContainer">
                          <div class="MasterColumn" spry:repeat="dsHOME" spry:setrow="dsHOME" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{title}<br />
                            {when}<br />
                            {where}</div>
                        </div>
                        <div spry:detailregion="dsHOME" class="DetailContainer">
                          <div class="DetailColumn">{image}</div>
                          <div class="DetailColumn">{details}</div>
                        </div>
                        <br style="clear:both" />
                      </div>
                      <p>&nbsp;</p>
                    </div></td>
                  </tr>
                </table></td>
              </tr>
          </table></td>
        </tr>
      </table></td>

Open in new window

0
 
Jason C. LevineNo oneCommented:
It's as I said in the initial post:

"IE is pretty twitchy about formatting..."

Whitespace can throw it off in strange ways.
0
 
chris009897Commented:
I am having what I think is a similar problem??

The site is: http://www.apexproduction.com/looney_grossman4/index.html

If someone could view the source for the firm directory spry data set and let me know if there is any visible issues, I would greatly appreciate it.


<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<link href="SpryAssets/SprySpotlightColumn.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.HTMLDataSet("quick_profile.htm", "table");
var attorney = new Spry.Data.HTMLDataSet("quick_profile.htm", "table", {tableModeEnabled: false, rowSelector: "tr", dataSelector: "td"});
var ds2 = new Spry.Data.HTMLDataSet("quick_profile.htm", "table");
var prof = new Spry.Data.HTMLDataSet("quick_profile.htm", "table");
var ds3 = new Spry.Data.HTMLDataSet("quick_profile.htm", "table");
var ds4 = new Spry.Data.HTMLDataSet("quick_profile.htm", "table");
//-->
</script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 5
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now