I built a 100% flash site with tiled framing but I have a problem. My flash was
built 766 x 750 pixiels. When viewed at resolutions greater than 1024x768 the
webpage looks great but anything less than that it looks like @#$@. I know most
people probably view at 1024 x 768. Is there anyway to auto resize based up on
screen resolution or something to detect the screen size and adjust the webpage
accordingly.
www.platlimosvc.com Below is my html (index.html) for my flash movie:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" style="width:100%;
height:100%">
<tr>
<td valign="top" style="width:100%" height="750">
<table cellpadding="0" cellspacing="0" border="0" width="766"
style="height:100% " align="center">
<tr>
<td valign="top" width="234" style="height:750px ">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swfl ash.cab#version=6,0,29,0" width="766" height="750">
<param name="movie" value="flash/xxxx_main.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<!--[if !IE]> <-->
<object data="flash/xxxx_main.swf"
width="766" height="750" type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="pluginurl" value="
http://www.macromedia.com/go/getflashplayer"> FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; height:1px; background-color:#6C6C6C">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%;
height:1px">
<tr>
<td valign="top" style="width:50%; height:1px"></td>
<td valign="top" style="width:766; height:1px">
<table cellpadding="0" cellspacing="0" border="0" width="766"
style="height:1px ">
<tr>
<td valign="top" width="766" style="height:1px "></td>
</tr>
</table>
</td>
<td valign="top" style="width:50%; height:1px"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; height:100%">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%;
height:100%">
<tr>
<td valign="top" style="width:50%; background:url(images/bottom-3.gif) top
right; height:100%"></td>
<td valign="top" style="width:766; background-image:url(images/bottom-5.gif);
height:100%">
<table cellpadding="0" cellspacing="0" border="0" width="766"
style="height:100% ">
<tr>
<td valign="top" width="766" style="height:100% "></td>
</tr>
</table>
</td>
<td valign="top" style="width:50%; background:url(images/bottom-4.gif) top
left; height:100%"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
