Solved

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

Posted on 2009-04-06
11
1,548 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
  • 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
Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

 

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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
login jsp example 24 46
AdminLTE with wordpress 15 50
Why a span is lower 2 19
Hide cell in a table 2 9
Several part series to implement Internet Explorer 11 Enterprise Mode
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

813 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now