Topic: Gallery shows below the "pagefold" in IE, how can i move it up?

Hi,

I just wanted to build a small 1page site for my photography business with some example pictures...

Shouldn't be that hard right?

I have generated a gallery and added some photohop webpage coding above it.
Now.. In firefox t looks fine, but in IE 6.0 the gallery stays below the bottom of the page.

If tried to change the height of things, shrink the photoshop table/image above it. Nothing seems to effect the position of the gallery in IE 6.0, and when it does, it screws up the page in firefox!

Can anyone help me please?

Here is the index code

<!-- saved from url=(0014)about:internet --> <!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" lang="en" xml:lang="en">     <head>         <title>Lisanne van Hooff Fotografie</title>         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>         <script type="text/javascript">             var flashvars = {};             flashvars.galleryURL = "gallery.xml";             var params = {};                         params.allowfullscreen = true;             params.allowscriptaccess = "always";             params.bgcolor = "230727";             swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);         </script>                  <style type="text/css" media="screen">                 html, body    { height:60%; }             body {                             margin:0;                 padding:0;                 overflow:hidden;                 background-color: #230727;                 color:#666;                 font-family:sans-serif;                 font-size:20px;                     }             a {                     color:#ff0000;                 }         </style>              
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-18563633-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><center>
<table id="Table_01" width="640" height="351" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="7">
            <img src="images/lisannevanhooff-index_01.jpg" width="640" height="106" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/lisannevanhooff-index_02.jpg" width="27" height="89" alt=""></td>
        <td colspan="2">
            <a href="mailto:lisannevanhooff@gmail.com">
                <img src="images/lisannevanhooff-index_03.jpg" width="296" height="36" border="0" alt=""></a></td>
        <td colspan="3" rowspan="2">
            <img src="images/lisannevanhooff-index_04.jpg" width="317" height="89" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="images/lisannevanhooff-index_05.jpg" width="296" height="53" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/lisannevanhooff-index_06.jpg" width="26" height="155" alt=""></td>
        <td colspan="2">
            <a href="http://www.fuze-outdoor.nl/hap-homepage">
                <img src="images/lisannevanhooff-index_07.jpg" width="269" height="14" border="0" alt=""></a></td>
        <td colspan="2" rowspan="2">
            <img src="images/lisannevanhooff-index_08.jpg" width="37" height="155" alt=""></td>
        <td>
            <a href="http://www.fuze-outdoor.nl/home">
                <img src="images/lisannevanhooff-index_09.jpg" width="181" height="14" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="images/lisannevanhooff-index_10.jpg" width="127" height="155" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="images/lisannevanhooff-index_11.jpg" width="269" height="141" alt=""></td>
        <td>
            <img src="images/lisannevanhooff-index_12.jpg" width="181" height="141" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="26" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="268" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="28" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="9" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="181" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="127" height="1" alt=""></td>
    </tr>
</table></center>
<div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div></body></html> 

And this is the gallery code

<?xml version="1.0" encoding="UTF-8"?>
 <simpleviewergallery          title="Portfolio"     textColor="FFFFFF"     frameColor="FFFFFF"    
thumbPosition="LEFT" galleryStyle="COMPACT"     thumbColumns="2"     thumbRows="3"     
showOpenButton="false"     showFullscreenButton="false"     frameWidth=""     
maxImageWidth="400"     maxImageHeight="267" 
    imagePath="images/"     thumbPath="thumbs/"     useFlickr="true"     
flickrUserName="Lisanne van Hooff"  
   flickrTags="promotiesite"     languageCode="AUTO"     languageList=""> 
</simpleviewergallery>

Last edited by wopjes (2010-09-16 10:41:38)

Re: Gallery shows below the "pagefold" in IE, how can i move it up?

Copying and pasting your HTML code into a file and feeding it into the W3C Markup Validation Service (http://validator.w3.org/) reveals several errors.
In order for the page to be cross-browser friendly (though with no guarantees), these errors should be fixed.

Steven Speirs
SimpleViewer Support Team.