Topic: Problem with having flash gallery move location on window minimize.

Alright so my problem is that when my website is in a maxed out window and on my monitor, it looks great.
but when you minimize it since I've used the float property to move the flash gallery, it pushes the flash gallery out from underneath the header and it gets pushed way off center.

Is there anyway essentially lock my website in place so on minimize nothing will move??

the site is http://dkhuck.com/ if you'd like to see what i'm talking about.

Thanks in advance.

Re: Problem with having flash gallery move location on window minimize.

When I viewed your page it seemed like everything was not positioned correctly from the start. Looking at your code I'm not seeing where you are using float, I am however see some problems with the head of your doc.

Your code:

<!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">
<head>

<style type="text/css">
#flashContent{ 
    position: absolute; 
    top: 270px;
    left: 255px;
    }
</style>
888 489
<center>
<p>
<img src="header.png" width="790" height="435" align="center">
</p>
</center>

<link rel="SHORTCUT ICON" href="logo.ico">

<script type="text/javascript">
var a = new Image(); a.src = 'rollovers/facebook.png';
var b = new Image(); b.src = 'rollovers/facebookactive.png';
var c = new Image(); c.src = 'rollovers/flickr.png';
var d = new Image(); d.src = 'rollovers/flickractive.png';
var e = new Image(); e.src = 'rollovers/digg.png';
var f = new Image(); f.src = 'rollovers/diggactive.png';
var g = new Image(); g.src = 'rollovers/about.png';
var h = new Image(); h.src = 'rollovers/aboutactive.png';
</script> 


<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/gallery.xml";
var params = {};
params.wmode = "transparent";
params.bgcolor = "000000";
params.allowfullscreen = true;
params.allowscriptaccess = "always";
swfobject.embedSWF("gallery/simpleviewer.swf", "flashContent", "800", "600", "9.0.124", false, flashvars, params);

</script>

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


 </style>

<!--<a href="" onmouseover="document.images['s4a'].src='aboutactive.png';" onmouseout="document.images['s4a'].src='about.png';"><img src="about.png" name="s4a" height="143" width="342" alt="" border="0" /></a> -->

<body bgcolor="#000000">


  <div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. 
<a href="http://www.adobe.com/go/getflashplayer/">Get Flash.</a></div></center>
    
<br /> <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />     
    

<center>
<a href="http://www.facebook.com/pages/Doug-Hucker-Photos-Illustrations-etc/263384034066?v=wall" onmouseover="document.images['s1a'].src='rollovers/facebookactive.png';" onmouseout="document.images['s1a'].src='rollovers/facebook.png';"><img src="rollovers/facebook.png" name="s1a" height="50" width="50" alt="" border="0" /></a>

<a href="http://www.flickr.com/photos/doughucker/" onmouseover="document.images['s2a'].src='rollovers/flickractive.png';" onmouseout="document.images['s2a'].src='rollovers/flickr.png';"><img src="rollovers/flickr.png" name="s2a" height="50" width="50" alt="" border="0" /></a>

<a href="http://digg.com/search?s=doug+hucker" onmouseover="document.images['s3a'].src='rollovers/diggactive.png';" onmouseout="document.images['s3a'].src='rollovers/digg.png';"><img src="rollovers/digg.png" name="s3a" height="50" width="50" alt="" border="0" /></a>

</center>

<center>
<p> 
<font color="white"><font face="Tahoma"><font size="2">©<font size="1"> Doug Hucker 2010
</p>
</font>

</center>
</body>
</html>

The following should be inside the head of your doc

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DKHuck</title>

The following from your code should be in the body of your doc and not the head.

888 489
<center>
<p>
<img src="header.png" width="790" height="435" align="center">
</p>
</center>
<!--<a href="" onmouseover="document.images['s4a'].src='aboutactive.png';" onmouseout="document.images['s4a'].src='about.png';"><img src="about.png" name="s4a" height="143" width="342" alt="" border="0" /></a> -->

At about line 51 you have an extra </style> tag that you need to remove.

You can see errors that may be effecting your layout here.
http://validator.w3.org/check?verbose=1 … uck.com%2F

Mike Richards
SimpleViewer Support Team.

Re: Problem with having flash gallery move location on window minimize.

Thanks for the help mike, we decided to simplify things a bit more so we pretty much just have everything centered now to keep it anchored in