Printable View
Hi,
I'm trying to integrate a flash picture gallery into my page using the placeholder option for the <body> and the <head> sections.
My problem is: the page is not scrollable, and thus any content behind the gallery gets cut off.
I cannot figure out why this happens. I can extend the page height as much as I want it does not make any difference.
What am I missing?
Here's the link to the page exported from the attached WD file: http://motoclix.com/xara
Not sure what you mean? It shows here in my browsers.
You probably have a high resolution on your desktop Steve.
I'm at 1024x768 and I get no scrollbars and the bottom 3rd of the pic is cut off.
Change the code in the black placeholder from this:
<script type="text/javascript" src="../galerie/imagevue/javascript/swfobject.js"></script>
<script type="text/javascript" src="../galerie/imagevue/javascript/swfaddress.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}
#imagevue {
height: 100%;
}
/* end hide */
body {
background-color: #222222;
margin: 0px;
padding: 0px;
height: 100%;
}
#forAdmin { display: none;}
</style>
to this:
<script type="text/javascript" src="../galerie/imagevue/javascript/swfobject.js"></script>
<script type="text/javascript" src="../galerie/imagevue/javascript/swfaddress.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
overflow: auto;
}
#imagevue {
height: 100%;
}
/* end hide */
body {
background-color: #222222;
margin: 0px;
padding: 0px;
height: 100%;
}
#forAdmin { display: none;}
</style>
That is happening because in the head placeholder you add a stylesheet that disables page scrollers. Here:Quote:
Originally Posted by Yellosub
Simply remove this: "overflow: hidden;" from your head placeholder. Here's the fixed code for your head placeholder:Code:html {
height: 100%;
overflow: hidden;
}
Code:<script type="text/javascript" src="../galerie/imagevue/javascript/swfobject.js"></script>
<script type="text/javascript" src="../galerie/imagevue/javascript/swfaddress.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
}
#imagevue {
height: 100%;
}
/* end hide */
body {
background-color: #222222;
margin: 0px;
padding: 0px;
height: 100%;
}
#forAdmin { display: none;}
</style>
There you go Yellowsub - 2 ways to deal with the same thing :D
Arghh... Steve, I had missed your post... :o
It's essentially the same solution. :D
Super, problem solved. Thanks a lot for finding my 'bug'!!
Nothing beats Xara and especially this forum :-)