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>