pues cuando aumento el zoom toda la pagina se hace grande hasta la capa donde esta el flash tambien pero "todo"el flash se queda igual
y si alejo el zooom el flash se queda igual pero el div que lo contiene se cierra dejando ver solo una parte del flash asi:
bueno el todo el codigo de la pagina es un relajo no se si ponerlo, aaa que fregados, aqui va:
Código PHP:
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : The Missing Piece
Version : 1.0
Released : 20070828
Description: A fix-width, dark-themed, Web 2.0 design suitable for blogs and small websites.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="{%MetaDescription%}" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="swfobject.js"></script>
<meta name="keywords" content="{%MetaKeywords%}" />
<TITLE>{%MetaTitle%}</TITLE>
<style>
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
* {
margin: 0;
padding: 0;
}
body {
margin-top: 20px;
background: #36393D url(images/img01.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #D1E9A3;
background-color: #000000;
}
form {
}
input, textarea {
font: normal 1em Arial, Helvetica, sans-serif;
color: #36393D;
}
h1, h2, h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2em;
}
h3 {
font: bold 1em Arial, Helvetica, sans-serif;
}
a {
color: #FFFFFF;
}
a:hover {
text-decoration: none;
}
/* Header */
#header {
width: 980px;
height: 166px;
margin: 0 auto;
background: #000000 url(images/bgfg.jpg) no-repeat;
}
#logo {
float: right;
height: 170px;
padding: 0 0 0 115px;
background: none
color: #36393D;
}
#logo h1 {
padding: 20px 0 0 0;
}
#logo p {
}
#logo a {
text-decoration: none;
color: #000000;
}
#search {
float: right;
width: 200px;
padding: 0 20px 0 0;
background: url(images/img04.gif) no-repeat right top;
}
#search form {
height: 25px;
padding: 65px 0 0 25px;
background: url(images/img05.gif) no-repeat 0 60px;
}
#search fieldset {
border: none;
}
#search-text {
width: 170px;
background: #FFFFFF;
border: none;
}
#search legend, #search-submit {
display: none;
}
#menu {
clear: both;
width:250px;
height: 695px;
}
#menu ul {
height: 28px;
padding: 166px 0 0 20px;
background: url(images/img08.gif) no-repeat left bottom;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
padding: 0 20px;
background: url(images/img06.gif) no-repeat left center;
text-decoration: none;
font-weight: bold;
color: #36393D;
}
#menu a:hover {
text-decoration: underline;
}
#menu .current_page_item a {
background: url(images/img07.gif) no-repeat left center;
color: #B42600;
}
/* Page */
#page {
width: 980px;
margin: 0 auto;
padding: 20px 0 0 0;
}
#back2top {
height: 72px;
background: url(images/img19.gif) no-repeat left bottom;
}
#back2top a {
display: block;
width: 40px;
padding: 27px 0 0 25px;
text-decoration: none;
text-align: center;
}
#back2top a:hover {
text-decoration: underline;
}
/* Content */
#content {
float: left;
width: 600px;
}
.post {
padding: 20px 0;
height: auto;
width: auto;
z-index: 1;
}
.post .title {
font-size: 2.6em;
}
.post .title a {
text-decoration: none;
}
.post .title a:hover {
border-bottom: 1px dotted #000000;
}
.post .byline {
margin-bottom: 2em;
}
background: #CCE698 url(images/img14.gif) no-repeat;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #BF3600;
}
.post .date {
display: block;
float: left;
width: 69px;
height: 64px;
margin-top: 7px;
background: #CCE698 url(images/img14.gif) no-repeat;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #BF3600;
}
.post .date .month {
display: block;
height: 16px;
padding: 1px 0 0 0;
background: #BF3600 url(images/img14.gif) no-repeat;
color: #FFFFFF;
}
.post .date .day {
height: 47px;
font: bold 36px Georgia, "Times New Roman", Times, serif;
}
.post .date .year {
margin-top: -8px;
display: block;
text-indent: -9999px;
}
.post .entry {
margin: 0 20px 0 0px;
}
.post .entry p, .post .entry ol, .post .entry ul {
margin-bottom: 1.6em;
line-height: 180%;
list-style-position: inside;
}
.post .links {
height: 22px;
padding: 5px 0 0 10px;
background: url(images/img15.gif) no-repeat;
}
.post .links a {
text-decoration: none;
font-weight: bold;
}
.post .links a:hover {
text-decoration: underline;
}
.post .links .more {
padding-left: 15px;
background: url(images/img16.gif) no-repeat 0 5px;
}
.post .links .comments {
padding-left: 15px;
background: url(images/img17.gif) no-repeat 0 6px;
}
.post .links .rss {
padding-left: 15px;
background: url(images/img18.gif) no-repeat 1px 6px;
}
/* Sidebar */
#sidebar {
float: right;
width: 320px;
}
#sidebar ul {
background: #D6EBAD url(images/img10.gif) repeat-y;
list-style: none;
color: #36393D;
}
#sidebar li {
background: url(images/img12.gif) no-repeat left bottom;
}
#sidebar li ul {
padding: 10px 20px 30px 20px;
line-height: 200%;
background: none;
}
#sidebar li li {
padding: 0 0 0 10px;
background: url(images/img13.gif) no-repeat left center;
}
#sidebar h2 {
height: 42px;
padding: 8px 0 0 10px;
background: #BA3300 url(images/img11.gif) no-repeat;
font-size: 1.6em;
}
#sidebar a {
text-decoration: none;
color: #BA3300;
}
#sidebar a:hover {
text-decoration: underline;
}
/* Calendar */
#calendar {
}
#calendar_wrap {
padding: 10px 20px 30px 20px;
}
#calendar table {
width: 200px;
border-collapse: collapse;
text-align: center;
}
#calendar caption {
padding: 2px 0;
font-weight: bold;
color: #BA3300;
}
#calendar thead th {
padding: 2px 0;
border-top: 2px solid #BFD19A;
border-bottom: 2px solid #BFD19A;
}
#calendar tbody td {
padding: 4px 0;
}
#calendar tfoot td {
padding: 2px 0;
border-top: 2px solid #BFD19A;
font-weight: bold;
}
#prev {
text-align: left;
}
#next {
text-align: right;
}
#today {
background: #BFD19A;
font-weight: bold;
}
/* Footer */
#footer {
clear: left;
padding: 50px 0;
background: #000000 url(images/img20.gif) repeat-x;
font-size: 11px;
color: #666666;
}
#footer p {
text-align: center;
line-height: 2em;
}
#mio {
position:absolute;
left:1px;
top:211px;
width:250px;
height:695px;
z-index:2;
}
#flashmenulab {
position:absolute;
left:168px;
top:289px;
width:250px;
height:695px;
z-index:1;
}
#footer a {
color: #666666;
}
#apDiv1 {
position:absolute;
left:277px;
top:283px;
width:340px;
height:806px;
z-index:1000;
}
</head>
<body>
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<!-- start header -->
<div id="mio">
<!-- Flash Menu Labs – www.flashmenulabs.com -->
<div id="FlashMenuLabs">
You need to upgrade your Flash Player or to allow javascript to enable Website menu.</br>
<a href="http://www.adobe.com/go/getflashplayer">Get Flash Player</a> </div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("menu.swf", "menu", "250", "695", "8", "#000000");
so.addVariable("page_code", "a_b_c");
so.addParam("wmode", "transparent");
so.addParam("scale", "noscale");
so.addParam("salign", "TL");
so.write("FlashMenuLabs");
// ]]>
</script>
</div>
<div id="header"></div>
<!-- end header -->
<!-- start page -->
<div id="page">
<!-- start content -->
<div id="content">
<div class="post">
<h2 class="title">{%name%}</h2>
<div class="entry">
<p>{%content%}</p>
</div>
</div>
</div>
<!-- end content -->
<!-- start sidebar -->
<div id="sidebar">
<ul>
<li id="calendar">
<h2>News</h2>
<div id="calendar_wrap">
{%news%}
</div>
</li>
</ul>
</div>
<!-- end sidebar -->
</div>
<!-- end page -->
<!-- start footer -->
<div id="footer"></div>
<!-- end footer -->
</body>
</html>