Member
Bottom part of page gets cut off
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
Last edited by Yellosub; 26 March 2009 at 09:25 PM.
Member
Re: Bottom part of page gets cut off
Not sure what you mean? It shows here in my browsers.
Member
Re: Bottom part of page gets cut off
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.
-h
===============
(a.k.a.) Bobby Harris
Member
Re: Bottom part of page gets 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>
Developer
Member
Re: Bottom part of page gets cut off
That is happening because in the head placeholder you add a stylesheet that disables page scrollers. Here: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>
John.
Member
Re: Bottom part of page gets cut off
There you go Yellowsub - 2 ways to deal with the same thing
Developer
Member
Re: Bottom part of page gets cut off
Arghh... Steve, I had missed your post...
It's essentially the same solution.
John.
Member
Re: Bottom part of page gets cut off
Super, problem solved. Thanks a lot for finding my 'bug'!!
Nothing beats Xara and especially this forum :-)
Posting Permissions
Bookmarks