Solved

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

Posted on 2009-04-06
11
1,553 Views
Last Modified: 2013-12-08
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
Comment
Question by:andyDCE
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
11 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 24079722
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
 

Author Comment

by:andyDCE
ID: 24079758
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
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24079815
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
WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

 

Author Comment

by:andyDCE
ID: 24079874
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
 

Author Comment

by:andyDCE
ID: 24079908
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
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24079988
You don't need to apologize.

Try moving the <script> calls inside of the <head></head> block and report back
0
 

Author Comment

by:andyDCE
ID: 24081974
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
 

Author Comment

by:andyDCE
ID: 24082109
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
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24082275
It's as I said in the initial post:

"IE is pretty twitchy about formatting..."

Whitespace can throw it off in strange ways.
0
 

Expert Comment

by:chris009897
ID: 24217707
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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.
Suggested Courses

635 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question