Skip navigation
Currently Being Moderated

Site won't preview in IE.

Mar 27, 2012 1:45 PM

I can preview my site (not yet hosted) in virtually all browsers except Internet Explorer. I'm just getting a totally blank page in IE; not even a "can't do for some reason" message and nothing in the URL box. It's a pretty simple portfolio page w/ thumbnails and slideshow and here's the code:

 

<?xml version="1.0" encoding="UTF-8"?>

<!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" xml:lang="en">

  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

   

    <meta name="Generator" content="iWeb 2.0.4" />

    <meta name="iWeb-Build" content="local-build-20111017" />

    <meta name="viewport" content="width=700" />

    <title>Kathleen Joynes</title>

    <link rel="stylesheet" type="text/css" media="screen,print" href="Portfolio_files/Portfolio.css" />

   

    <style type="text/css"><!--

    @import "Scripts/Widgets/HeaderControls/HeaderControls.css";

--></style>

    <!-- No code to add to head -->

    <style type="text/css"><!--

  

--></style>

    <!-- No code to add to head -->

    <style type="text/css"><!--

    @import "Scripts/Widgets/FooterControls/FooterControls.css";

--></style>

    <link rel="alternate" type="application/rss+xml" title="RSS" href="http://web.me.com/kjoynes1/thefiddleguy/Portfolio/Portfolio_files/rss. xml" />

    <script type="text/javascript" src="Scripts/iWebSite.js"></script>

    <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>

    <script type="text/javascript" src="Scripts/Widgets/HeaderControls/localizedStrings.js"></script>

    <script type="text/javascript" src="Scripts/Widgets/HeaderControls/HeaderControls.js"></script>

    <script type="text/javascript" src="Scripts/iWebDebug.js"></script>

    <script type="text/javascript" src="Scripts/iWebImage.js"></script>

    <script type="text/javascript" src="Scripts/iWebMediaGrid.js"></script>

    <script type="text/javascript" src="Scripts/Widgets/DetailView/localizedStrings.js"></script>

    <script type="text/javascript" src="Scripts/Widgets/DetailView/DetailView.js"></script>

    <script type="text/javascript" src="Scripts/Widgets/FooterControls/FooterControls.js"></script>

    <script type="text/javascript" src="Portfolio_files/Portfolio.js"></script>

  </head>

  <body style="background: #336699; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">

    <div style="text-align: center; ">

      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; background: #336699; text-align: left; width: 700px; " id="body_content">

        <div style="float: left; margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">

          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>

          <div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>

        </div>

        <div style="height: 73px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">

          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>

          <div id="id1" style="height: 50px; left: 293px; position: absolute; top: 23px; width: 322px; z-index: 1; " class="style_SkipStroke">

            <div class="text-content style_External_322_50" style="padding: 0px; ">

              <div class="style">

                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">Kathleen Joynes</p>

              </div>

            </div>

          </div>

        </div>

        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">

          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>

          <div style="height: 1px; line-height: 1px; " class="tinyText"> </div>

          <div style="margin-left: 299px; margin-top: 77px; position: relative; width: 179px; z-index: 1; " class="style_SkipStroke_1 flowDefining">

            <div class="text-content style_External_179_35" style="padding: 0px; ">

              <div class="style">

                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="Body"><a href="mailto:kjoynes@att.net" title="mailto:kjoynes@att.net">kjoynes@att.net</a></p>

              </div>

              <div style="height: 6px; line-height: 6px; " class="tinyText"> </div>

            </div>

          </div>

         

 

 

          <div style="height: 0px; left: 38px; position: absolute; top: 153px; width: 623px; z-index: 1; " id="id2"></div>

          <div class="com-apple-iweb-widget-headercontrols" id="widget0" style="height: 27px; left: 38px; position: absolute; top: 153px; width: 623px; z-index: 1; ">

           

            <div class="middle">

 

                <!-- Header Controls -->

               

              <div class="header_controls positioned">

 

 

                   

                <div class="Comment_Posted_Date" style="text-align: center;  background: transparent;">

 

 

                        <!-- media index controls -->

                       

                  <div id="widget0-media_index_only" style="display: none;">

 

                           

                    <div class="positioned">

 

                               

                      <div class="right">

 

                                    <span class="subscribe"><!--

                                        --><a href="javascript:(void)"><img class="canvas subscribe" alt="subscribe" src="" /></a><!--

                                        --><a href="javascript:(void)"><!--

                                            --><script type="text/javascript"><!--

                                                WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Subscribe');

                                            --></script><!--

                                        --></a><!--

                                    --></span>

                               

</div>

                     

                           

</div>

                   

                            

                       

</div>

                 

 

                        <!-- album controls -->

                       

                  <div id="widget0-album_only" style="display: none;">

 

                           

                    <div class="positioned">

 

                               

                      <div class="left">

 

                                    <span id="widget0-back_to_index"><!--

                                        --><a href="javascript:widget0.setPreferenceForKey(true, 'goToIndexPage')"><img class="canvas back" alt="back" src="" /></a><!--

                                        --><a href="javascript:widget0.setPreferenceForKey(true, 'goToIndexPage')"><!--

                                            --><script type="text/javascript"><!--

                                                WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Back to Index');

                                            --></script><!--

                                        --></a><!--

                                    --></span>

                               

</div>

                     

                           

</div>

                   

                           

                           

                    <div class="paginated_only right" id="widget0-pagination_controls">

                            </div>

                   

 

                           

                    <div class="non_paginated_only right">

 

                                <span class="subscribe"><!--

                                    --><a href="javascript:(void)"><img class="canvas subscribe" alt="subscribe" src="" /></a><!--

                                    --><a href="javascript:(void)"><!--

                                        --><script type="text/javascript"><!--

                                            WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Subscribe');

                                        --></script><!--

                                    --></a><!--

                                --></span>

                           

</div>

                   

       

                           

                    <div>

 

                                <span class="add_photo" id="widget0-add_photo"><!--

                                    --><a href="javascript:(void)"><img class="canvas add" alt="add photo" src="" /></a><!--

                                    --><a href="javascript:(void)"><!--

                                        --><script type="text/javascript"><!--

                                            WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Add Photo');

                                        --></script><!--

                                    --></a><!--

                                --></span>

                                <span class="subscribe"><!--

                                    --><a class="paginated_only" href="javascript:(void)"><img class="canvas subscribe" alt="subscribe" src="" /></a><!--

                                    --><a class="paginated_only" href="javascript:(void)"><!--

                                        --><script type="text/javascript"><!--

                                            WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Subscribe');

                                        --></script><!--

                                    --></a><!--

                                --></span>

                                <span class="play_slideshow"><!--

                                    --><a href="javascript:widget0.playSlideshow()"><img class="canvas play" alt="play" src="" /></a><!--

                                    --><a href="javascript:widget0.playSlideshow()"><!--

                                        --><script type="text/javascript"><!--

                                            WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Play Slideshow');

                                        --></script><!--

                                    --></a><!--

                                --></span>

                           

</div>

                   

                       

</div>

                 

                   

</div>

               

               

</div>

             

           

</div>

          </div>

          <script type="text/javascript"><!--//--><![CDATA[//><!--

new HeaderControls('widget0', 'Scripts/Widgets/HeaderControls', 'Scripts/Widgets/SharedResources', '.', {"feedURL": "http:\/\/web.me.com\/kjoynes1\/thefiddleguy\/Portfolio\/Portfolio_fi les\/rss.xml", "entriesPerPage": 100, "showAddPhoto": false, "showSlideshow": true, "entryCount": "0", "showBackToIndex": false, "canvas controls": {"canvas_download": "Media\/canvas_download_01.png", "canvas_transport-left-D": "Media\/canvas_transport-left-D_01.png", "canvas_thumbs_off-S": "Media\/canvas_thumbs_off-S_01.png", "canvas_transport-right-D": "Media\/canvas_transport-right-D_01.png", "canvas_play": "Media\/canvas_play_01.png", "canvas_transport-left-N": "Media\/canvas_transport-left-N_01.png", "canvas_thumbs_off-N": "Media\/canvas_thumbs_off-N_01.png", "canvas_back": "Media\/canvas_back_01.png", "canvas_subscribe": "Media\/canvas_subscribe_01.png", "canvas_thumbs_on-S": "Media\/canvas_thumbs_on-S_01.png", "canvas_add": "Media\/canvas_add_01.png", "canvas_arrow-right": "Media\/canvas_arrow-right_01.png", "canvas_arrow-left-D": "Media\/canvas_arrow-left-D_01.png", "canvas_arrow-left": "Media\/canvas_arrow-left_01.png", "canvas_transport-right-N": "Media\/canvas_transport-right-N_01.png", "canvas_arrow-right-D": "Media\/canvas_arrow-right-D_01.png", "canvas_thumbs_on-N": "Media\/canvas_thumbs_on-N_01.png"}, "gridID": "id2", "showSubscribe": false});

//--><!]]></script>

          <div class="com-apple-iweb-widget-detailview" id="widget1" style="height: 1242px; left: 38px; position: absolute; top: 153px; width: 623px; z-index: 1; ">

            <div id="widget1-thumbnails_back" class="thumbnail_arrows thumbnails_back">

 

    <img class="canvas transport-left-D" alt="back" src="" />

    <img class="canvas transport-left-N" alt="back" style="display: none; " src="" />

            </div>

            <div id="widget1-thumbnails_forward" class="thumbnail_arrows thumbnails_forward">

 

    <img class="canvas transport-right-D" alt="forward" style="display: none; " src="" />

    <img class="canvas transport-right-N" alt="forward" src="" />

            </div>

            <div id="widget1-middle" class="middle" style="position: relative;">

              <!-- Header Controls -->

   

              <div class="header_controls positioned">

 

       

                <div class="Comment_Posted_Date positioned" style="text-align: center; margin: 0px;">

 

           

                  <div class="positioned">

 

               

                    <div class="left">

 

                    <a href="#grid" onclick="javascript:widget1.exitDetailView()"><!--

                        --><img class="canvas back" alt="back" src="" /><!--

                    --></a>

                    <a href="#grid" onclick="javascript:widget1.exitDetailView()"><!--

                        --><script type="text/javascript"><!--

                              WriteLocalizedString('com-apple-iweb-widget-detailview', 'Back to Album');

                        --></script><!--

                    --></a>

               

</div>

                   

               

                    <div class="right" id="widget1-download" style="visibility: hidden;">

 

                    <a href="javascript:widget1.downloadPhoto()"><!--

                        --><img class="canvas download" alt="download" src="" /><!--

                    --></a>

                    <a href="javascript:widget1.downloadPhoto()"><!--

                        --><script type="text/javascript"><!--

                              WriteLocalizedString('com-apple-iweb-widget-detailview', 'Download');

                        --></script><!--

                    --></a>

               

</div>

                   

           

</div>

                 

           

                  <div>

 

                <span id="widget1-view" class="view">

                    <a href="javascript:widget1.toggleThumbnails()"><!--

                        --><img class="canvas thumbs_on-S thumbs_on_only" alt="thumbnails on" style="display: none; " src="" /><!--

                        --><img class="canvas thumbs_on-N thumbs_off_only" alt="thumbnails on" src="" /><!--

                    --></a>

                    <a href="javascript:widget1.toggleThumbnails()"><!--

                        --><img class="canvas thumbs_off-S thumbs_off_only" alt="thumbnails off" src="" /><!--

                        --><img class="canvas thumbs_off-N thumbs_on_only" alt="thumbnails off" style="display: none; " src="" /><!--

                    --></a>

                </span>

                <span class="play_slideshow">

                    <a href="javascript:widget1.playSlideshow()"><!--

                        --><img class="canvas play" alt="play" src="" /><!--

                    --></a>

                    <a href="javascript:widget1.playSlideshow()"><!--

                        --><script type="text/javascript"><!--

                            WriteLocalizedString('com-apple-iweb-widget-detailview', 'Play Slideshow');

                        --></script><!--

                    --></a>

                </span>

           

</div>

                 

       

</div>

               

   

</div>

              <!-- Thumbnails -->

   

              <div id="widget1-thumbnail_view" class="thumbnail_view">

 

       

                <div class="thumbnails_wrapper">

 

           

                  <div id="widget1-thumbnails" class="thumbnails">

            </div>

                 

       

</div>

               

   

</div>

              <!-- Main Slideshow -->

   

              <div style="width: 100%; position: relative; height: 440px; ">

 

       

                <div id="widget1-slideshow_placeholder" class="slideshow_placeholder" style="position: absolute; width: 100%; overflow: hidden; ">

        </div>

               

        <a id="widget1-slideshow_anchor" class="slideshow_anchor" href="javascript:void(0)"></a>

   

</div>

              <!-- Footer Controls -->

   

              <div id="widget1-footer_controls" class="footer_controls">

 

       

                <div class="Comment_Posted_Date" style="position: relative;">

 

           

                  <div id="widget1-previous" style="float: left; ">

 

                <span style="display: none; " class="noselect"><!--

                    --><img class="canvas arrow-left-D" alt="previous" src="" /><!--

                    --><script type="text/javascript"><!--

                        WriteLocalizedString('com-apple-iweb-widget-detailview', 'Previous');

                    --></script><!--

                --></span>

                <span><!--

                    --><a href="javascript:void(0)"><img class="canvas arrow-left" alt="previous" src="" /></a><!--

                    --><a href="javascript:void(0)"><!--

                        --><script type="text/javascript"><!--

                            WriteLocalizedString('com-apple-iweb-widget-detailview', 'Previous');

                        --></script><!--

                    --></a><!--

                --></span>

           

</div>

                 

           

                  <div id="widget1-next" style="float: right; ">

 

                <span style="display: none; " class="noselect"><!--

                    --><script type="text/javascript"><!--

                        WriteLocalizedString('com-apple-iweb-widget-detailview', 'Next');

                    --></script><!--

                    --><img class="canvas arrow-right-D" alt="next" src="" /><!--

                --></span>

                <span><!--

                    --><a href="javascript:void(0)"><!--

                        --><script type="text/javascript"><!--

                            WriteLocalizedString('com-apple-iweb-widget-detailview', 'Next');

                        --></script><!--

                    --></a><!--

                    --><a href="javascript:void(0)"><img class="canvas arrow-right" alt="next" src="" /></a><!--

                --></span>

           

</div>

                 

       

</div>

               

       

                <p class="Caption" style="text-align: center; position: relative; margin-left: 100px; margin-right: 100px; ">

        </p>

               

   

</div>

            </div>

          </div>

          <script type="text/javascript"><!--//--><![CDATA[//><!--

new DetailView('widget1', 'Scripts/Widgets/DetailView', 'Scripts/Widgets/SharedResources', '.', {"canvas controls": {"canvas_download": "Media\/canvas_download_01.png", "canvas_transport-left-D": "Media\/canvas_transport-left-D_01.png", "canvas_thumbs_off-S": "Media\/canvas_thumbs_off-S_01.png", "canvas_transport-right-D": "Media\/canvas_transport-right-D_01.png", "canvas_play": "Media\/canvas_play_01.png", "canvas_transport-left-N": "Media\/canvas_transport-left-N_01.png", "canvas_thumbs_off-N": "Media\/canvas_thumbs_off-N_01.png", "canvas_back": "Media\/canvas_back_01.png", "canvas_subscribe": "Media\/canvas_subscribe_01.png", "canvas_thumbs_on-S": "Media\/canvas_thumbs_on-S_01.png", "canvas_add": "Media\/canvas_add_01.png", "canvas_arrow-right": "Media\/canvas_arrow-right_01.png", "canvas_arrow-left-D": "Media\/canvas_arrow-left-D_01.png", "canvas_arrow-left": "Media\/canvas_arrow-left_01.png", "canvas_transport-right-N": "Media\/canvas_transport-right-N_01.png", "canvas_arrow-right-D": "Media\/canvas_arrow-right-D_01.png", "canvas_thumbs_on-N": "Media\/canvas_thumbs_on-N_01.png"}, "showSlideshow": true, "showThumbnails": true, "photoSize": 1, "gridID": "id2", "color": "transparent"});

//--><!]]></script>

          <div class="com-apple-iweb-widget-footercontrols" id="widget2" style="height: 27px; left: 38px; position: absolute; top: 153px; width: 623px; z-index: 1; ">

            <!-- Footer Controls -->

            <div class="footer_middle">

 

   

              <div class="positioned">

 

       

                <div class="Comment_Posted_Date paginated_only right" id="widget2-pagination_controls">

        </div>

               

   

</div>

             

    

 

</div>

          </div>

          <script type="text/javascript"><!--//--><![CDATA[//><!--

new FooterControls('widget2', 'Scripts/Widgets/FooterControls', 'Scripts/Widgets/SharedResources', '.', {"gridID": "id2"});

//--><!]]></script>

          <div id="id3" style="height: 82px; left: 295px; position: absolute; top: -5px; width: 179px; z-index: 1; " class="style_SkipStroke_2">

            <div class="text-content graphic_shape_layout_style_default_External_179_82" style="padding: 0px; ">

              <div class="graphic_shape_layout_style_default">

                <p style="padding-top: 0pt; " class="Title">Textile Designer              <br /></p>

                <p class="Title">Fashion Designer              <br /></p>

                <p style="padding-bottom: 0pt; " class="Title">Graphic Designer</p>

              </div>

            </div>

          </div>

         

 

 

          <div style="height: 139px; width: 115px;  height: 139px; left: 162px; position: absolute; top: -40px; width: 115px; z-index: 1; " class="tinyText style_SkipStroke_3"><img src="Kath pic.jpg" width="115" height="139" alt="Me in Basel Switzerland." /> </div>

         

 

 

          <div id="id4" style="height: 100px; left: 300px; position: absolute; top: 274px; width: 100px; z-index: 1; " class="style_SkipStroke_4">

            <div class="text-content graphic_textbox_layout_style_default_External_100_100" style="padding: 0px; ">

              <div class="graphic_textbox_layout_style_default"></div>

            </div>

          </div>

         

 

 

          <div style="height: 300px; width: 300px;  height: 300px; left: -726px; position: absolute; top: 125px; width: 300px; z-index: 1; " class="tinyText style_SkipStroke_3">

            <img src="Portfolio_files/droppedImage.jpg" alt="" style="border: none; height: 300px; width: 300px; " />

          </div>

          <div style="height: 367px; line-height: 367px; " class="spacer"> </div>

        </div>

        <div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">

          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>

        </div>

      </div>

    </div>

  </body>

</html>

 
Replies
  • Currently Being Moderated
    Mar 27, 2012 5:49 PM   in reply to kjtextiles

    IE loves to have the DOCTYPE declaration on the very first line of the document.

     

    Gramps

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (1)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points