Stage moves when previewing my site?

Hey - Im a print designer and trying to teach myself some Dreamweaver. So i apologise if my terminology is incorrect.
I have created two pages for my site so far and have imported them into Dreamweaver from Photoshop as slices - then made the table into a div, they look great when viewing them in Dreamweaver but when i come to preview them in Safari and click the link between the two pages one of the pages shifts to the right. The homepage sits correctly, centre aligned. But when I click to the second page its as if the browsers space that the stage sits in has got bigger, thus meaning the page looks like it has shifted right.
Im sure its a simple thing to fix - just wondering if anyone could help?
Im using CS4 on a mac.

Try adding this to your CSS -
html { overflow-y:scroll; }
It doesn't matter where you put it in the CSS, as long as it's in a legal place.

Similar Messages

Background image moves when previewing the site

I set up my background in the master. When I preview my site in the browser, the background location jumps around slightly as I navigate between pages. Any ideas?

Hi Brad,
i'm also getting this. Really odd movement with both shape elements foreground and background and how type is rendering and moving up and down at will, as well as reflowing differently. Used Arial as was web safe so not sure why.
Also have in sep text boxes as seemed normal way to do it.
I had a more evolved thing going on with small shape bars between project title and the rationale on left hand side bar but that's all had to go out of the winder since the last update as moving was playing havoc page to page.
I also had to paste in place my Navigation for site on each page individualy instead of using a MASTER to get to work correctly. Have tried to now put this on a NAV layer above all other content on MASTER as well as pinning it top and causing more movement so didn't upload or save.
Have some screen grabs of what I am seeing in the PREVIEW in Muse top and bottom of page and also the DESIGN view top and bottom of page.
As mentioned, haven't saved or uploaded to my ftp as expecting a client to look at some of my work and can't afford them looking when it's busted with some issue or another.
Any light shed on this issue would be greatly appreciated. As I keep saying, I love the program but there do seem to be some big issues that are making me spend lots and lots of investigatory time with hit and miss results.
Thanks in advance.
Site url as it currently stands is: http://www.saraundo.com

Cannot see whole flash movie when previewing

hi
when i preview F12 my flash composition, i cannot see the entire flash movie.only part of it. the rest is cut off. and there are no scrollbars to move the image to see the rest of it. how do i fix this?
regards
Angus

When you preview the size of the preview is the Stage Size set for the document.
You can change this in the document properties panel (Ctrl+J or Modify/Document or double-click on the framerate or Size in the properties panel when nothing is selected)
Change this to the size you are building for, and the preview will reflect it.

Audio Not playing in stage only when previewed or edited. Suggestions?

My audio filies in Captivate 6.0.1.240 no longer play in the stage area. I must preview or edit to listen. Any suggestions?

Dew,
Can you verify that include audio is checked on the Project:Publish Settings dialog in the Preferences dialog accessed using the button on the Publish Dialog?
--Allen

When i preview my site all my images disappear but they work in dreamweaver?

When i preview my site all my images disappear but they work in dreamweaver? No broken links i can see them clearly in dreamweaver but i cant see them on the prieview in my browser, its just happened all of a sudden.

Im keeping my files in one folder if thats whay you mean, all sorted properly,
here is an example of just one of the images code:
<div style="padding-bottom:63.84096145629883%;" class="image-block-wrapper   " data-description="">
                                                  <noscript><img src="thecounterhomescreen.jpg" alt="thecounterhomescreen.jpg" /></noscript><img class="thumb-image" alt="thecounterhomescreen.jpg" data-src="thecounterhomescreen.jpg" data-image="thecounterhomescreen.jpg" data-image-dimensions="1333x851" data-image-focal-point="0.5,0.5" data-load="false" data-image-id="529232e4e4b0838eb29bdf53" data-type="image" />
                                        </div>
its not just one image, its happened to every sub page ive done it worked fine less than an hour ago.
All code is valid

When client open folder with html files to preview web site, some pictures are missing when previewed.

However all images are in "images"folder. Same images are missing when previewed in Firefox and Explorer.
Any idea why?
Thanks.

Are you sending this other person all of the image files in
the same relative location as they are on your local computer?
For instance, if you are sending them index.html and your
images are in a folder called images, you should be sending them a
Zip file with the following enclosed:
index.html
images (folder)
image1.gif
image2.jpeg
If you are sending this type of structure to your other
party, check the links in code view. Make sure they are relative.
If they are, on the index.html page they would look like
images/image1.gif. If it says anything like C:/ or something that
points to a local drive they you will need to make sure the image
are within the site definition and then save the files
again.

No sound when previewing music or movies in Finder

Hello everybody,
I recently had my hard drive crash and had to get a replacement drive, reinstall windows, and migrate my backup clone back to the hard drive. Everything is running fine, except for some reason I can't hear any sound, or see any video when previewing movies or mp3s in preview. The time marker moves to the right, but there is no sound or video. Sound works in itunes and in Quick time, but not in the preview? Any suggestions?

OK, i was so used to resinstalling windows that I referred to OSX as windows in my original post. Please forgive me!

White flash when previewing movies on full screen

Sometimes, when previewing my current editable movie project on the full screen I see a brief white flash at the end. Any idea why this is, please, and can it be avoided? No problem, I guess, if it does not appear in the final iDVD version or on the burnt DVDs. Thanks, Keith.

Hello, Keith,
Welcome to the discussions.
Some users reported a brief white flash in association with a transition. Is yours related to a transition? The 'cure' was to move the playhead frame by frame until you see the white flash, then 'split video at playhead' to isolate the flash. Usually it is only a frame or two in duration, and you can delete it.
If it is with a transition, you will have to delete the transition, find the white flash frame, delete it and redo the transition.
Post back if this is not helpful.

Resizing Flash Movie to Size of Site

I am developing a html Web site with a flash intro
and need help because I am learning all over again, not having done
it in 3 years.
The screen is to start out white and fade to silver, which I
did quite nicely after many frustrating moments of relearning and
conditioning and realized it was quite simple. The movie is 600x400
and I developed the site at 1028x768 with my html layer for the
site at: <div id="Layer1" style="position:absolute; left:125px;
top:7px; width:686px; height:623px; z-index:1">. The flash movie
layer is: <div id="Layer1" style="position:absolute; left:128px;
top:-68px; width:602px; height:424px; z-index:1"> which I
changed to the html one and it did not work.
Then I went back to Flash and tried to change the movie size.
Well that was a trip. The stage is somehow off center to the right
and when I used the hand to move it, it did not work
Anyway, what I am trying to do is start the page off with a
white background full screen and have the flash movie start out as
white with a black dot and then fade to silver until the dot turns
into the logo. The flash movie does this, but I can't figure out
how to put it on the first page so when viewed the user will only
see the movie and not the movie with a white background. Also can't
figure what glitched when I was playing with it to get the stage
off centered.
If you want to see the movie, I can show you and please no
jokes because the item my friend is selling is a bit different but
highly used
Thank you in advance...StarShine

Am I missing something or your long story has nothing to do
with "Resizing Flash Movie to Size of Site"?
If you want your flash file to be displayed full
size in browser window try setting the "width" and "height"
parameters in "object" and "embed" tag to "100%".

AP Divs (layers) move when I open my website on different window size.

First of all, this is my first time trying to make a website.
I'm doing an assignment for my class and i found it difficult for me to fix. I have spend 4-5 hours researching online but nothing work for me.
Well,the problem is the AP Divs (layers) move when I open my website on different window size(iphone,ipad).
The website only look right on 1366 x 786 resolution. Please take a look at my 2 pics below:
And I don't know how to make the website to fit on the iphone and ipad so that I don't have to scroll down or sroll to the right to view the whole thing.
Please someone help me!
The 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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width" />
<title>Boston Green Community College</title>
<style type="text/css">

</style></head>
<body>
<div class="container">
<div class="header"><a href="#"><img src="Pictures/34d-1.png" alt="Insert Logo Here" name="Insert_logo" width="619" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" />
    <div id="apDiv11"><font color="#f4f1f1">
<script type="text/javascript">
var d=new Date()
var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var monthname=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
document.write(weekday[d.getDay()] + " ")
document.write(d.getDate() + ". ")
document.write(monthname[d.getMonth()] + " ")
document.write(d.getFullYear())
</script></font>
</div>
    <div id="apDiv1">


<form name="cse" id="searchbox_demo" action="http://www.google.com/cse">
<input type="hidden" name="cref" value="" />
<input type="hidden" name="ie" value="utf-8" />
<input type="hidden" name="hl" value="" />
<input name="q" type="text" size="40" />
<input type="submit" name="sa" value="Search" />
</form>
<script type="text/javascript" src="http://www.google.com/cse/tools/onthefly?form=searchbox_demo&lang="></script>
                              </div>
                                </div>
<div class="content">
    <center><img src="Pictures/DFDF11.png" width="959" height="556" longdesc="Pictures/junior-2-960x.jpg" /></h1></center>
</div>
<div class="footer">
     <img src="Pictures/RRR1.png" width="202" height="70" />
     <div id="apDiv3">
       <p> </p>
       <p><a href="Job.html">Jobs</a>         </p>
       <p><a href="Art Gallery.html">Art Gallery</a>         </p>
       <p><a href="Contact us.html">Contact Us </a></p>
    </div>
    <div id="apDiv4"><center>
<P>About</P>
<a href="visiting.html">visiting</a> | <a href="Map.html">maps </a>| <P><a href="About.html">about BGCC</a></P>
<P>Academic</P>
<P><a href="Courses.html">schools+courses</a></P>
<P>Admissions </P>
<P><a href="cost & aid basics.html">cost & aid basics </a>| <a href="Apply now.html">join BGCC</a>
<P>Studen Life</P>
<P><a href="Athletics.html">Athletics</a></P>
<P>Greenforce Education</P>
<P><a href="Career.html">career center</a></P>
</center> </div>
     <p><font size="2" color="black">BGCC | 99 GreenField | Boston, MA 02199 |617-0101-1000| TTY 617-0202-9944|</font></p>
    <div id="apDiv9"><a href="Donate.html" target="_blank"><a href="Donate.html"><img src="Pictures/three-green-logo.jpg" width="218" height="99" longdesc="Pictures/three-green-logo.jpg" /></div>
    <div id="apDiv8"><a href="Apply now.html" target="_blank"><a href="Apply now.html">
<img border="0" src="Pictures/cxgvxdvxgd.jpg" alt="Apply Now" width="218" height="99"></a></div>
</div>
</div>
</body>
</html>

That's what APDivs do. This is the single most common problem new people have with web page layouts. DO NOT use positioning. You don't need it. Start over. Learn to use CSS floats, margins and padding to align elements.
Below is a basic HTML5 Layout. View source in browser to see the code.
http://www.alt-web.com/sandbox/HTML5-BasicLayout.html
Nancy O.

Spry Collapsible Panel problem when previewing in web browser

Hello.
I have inserted a spry collapsible panel into my website, made ZERO adjustments to any of the scripting or even css styling, and previewed the panel in my Safari browser. It does not seem to be working correctly. I've attached a couple of images showing what the panel looks like in the browser. My site is not published yet, so I cannot give out the url.
Is something wrong with the js file? I tried the panel earlier on a different site on the same computer and it was working fine.
the "Tab" menu text does not fit inside the grey box. Everything collapses fine, however, the gray box is too thin for the text. I've tried adjusting it in the CSS sheet, but it doesn't seem to change anything.
This is the panel in the collapsed state. It looks bad. I know it's not supposed to work like this.
When I preview the site in "live view" everything works fine...
// SpryCollapsiblePanel.js - version 0.8 - Spry Pre-Release 1.6.1
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//   * Redistributions of source code must retain the above copyright notice,
//     this list of conditions and the following disclaimer.
//   * Redistributions in binary form must reproduce the above copyright notice,
//     this list of conditions and the following disclaimer in the documentation
//     and/or other materials provided with the distribution.
//   * Neither the name of Adobe Systems Incorporated nor the names of its
//     contributors may be used to endorse or promote products derived from this
//     software without specific prior written permission.
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
(function() { // BeginSpryComponent
if (typeof Spry == "undefined") window.Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.Widget.CollapsiblePanel = function(element, opts)
this.element = this.getElement(element);
this.focusElement = null;
this.hoverClass = "CollapsiblePanelTabHover";
this.openClass = "CollapsiblePanelOpen";
this.closedClass = "CollapsiblePanelClosed";
this.focusedClass = "CollapsiblePanelFocused";
this.enableAnimation = true;
this.enableKeyboardNavigation = true;
this.animator = null;
this.hasFocus = false;
this.contentIsOpen = false;
this.openPanelKeyCode = Spry.Widget.CollapsiblePanel.KEY_DOWN;
this.closePanelKeyCode = Spry.Widget.CollapsiblePanel.KEY_UP;
Spry.Widget.CollapsiblePanel.setOptions(this, opts);
this.attachBehaviors();
Spry.Widget.CollapsiblePanel.prototype.getElement = function(ele)
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
Spry.Widget.CollapsiblePanel.prototype.addClassName = function(ele, className)
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
return;
ele.className += (ele.className ? " " : "") + className;
Spry.Widget.CollapsiblePanel.prototype.removeClassName = function(ele, className)
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
Spry.Widget.CollapsiblePanel.prototype.hasClassName = function(ele, className)
if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
return false;
return true;
Spry.Widget.CollapsiblePanel.prototype.setDisplay = function(ele, display)
if( ele )
ele.style.display = display;
Spry.Widget.CollapsiblePanel.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
if (!optionsObj)
return;
for (var optionName in optionsObj)
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
continue;
obj[optionName] = optionsObj[optionName];
Spry.Widget.CollapsiblePanel.prototype.onTabMouseOver = function(e)
this.addClassName(this.getTab(), this.hoverClass);
return false;
Spry.Widget.CollapsiblePanel.prototype.onTabMouseOut = function(e)
this.removeClassName(this.getTab(), this.hoverClass);
return false;
Spry.Widget.CollapsiblePanel.prototype.open = function()
this.contentIsOpen = true;
if (this.enableAnimation)
if (this.animator)
this.animator.stop();
this.animator = new Spry.Widget.CollapsiblePanel.PanelAnimator(this, true, { duration: this.duration, fps: this.fps, transition: this.transition });
this.animator.start();
else
this.setDisplay(this.getContent(), "block");
this.removeClassName(this.element, this.closedClass);
this.addClassName(this.element, this.openClass);
Spry.Widget.CollapsiblePanel.prototype.close = function()
this.contentIsOpen = false;
if (this.enableAnimation)
if (this.animator)
this.animator.stop();
this.animator = new Spry.Widget.CollapsiblePanel.PanelAnimator(this, false, { duration: this.duration, fps: this.fps, transition: this.transition });
this.animator.start();
else
this.setDisplay(this.getContent(), "none");
this.removeClassName(this.element, this.openClass);
this.addClassName(this.element, this.closedClass);
Spry.Widget.CollapsiblePanel.prototype.onTabClick = function(e)
if (this.isOpen())
this.close();
else
this.open();
this.focus();
return this.stopPropagation(e);
Spry.Widget.CollapsiblePanel.prototype.onFocus = function(e)
this.hasFocus = true;
this.addClassName(this.element, this.focusedClass);
return false;
Spry.Widget.CollapsiblePanel.prototype.onBlur = function(e)
this.hasFocus = false;
this.removeClassName(this.element, this.focusedClass);
return false;
Spry.Widget.CollapsiblePanel.KEY_UP = 38;
Spry.Widget.CollapsiblePanel.KEY_DOWN = 40;
Spry.Widget.CollapsiblePanel.prototype.onKeyDown = function(e)
var key = e.keyCode;
if (!this.hasFocus || (key != this.openPanelKeyCode && key != this.closePanelKeyCode))
return true;
if (this.isOpen() && key == this.closePanelKeyCode)
this.close();
else if ( key == this.openPanelKeyCode)
this.open();
return this.stopPropagation(e);
Spry.Widget.CollapsiblePanel.prototype.stopPropagation = function(e)
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
if (e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
return false;
Spry.Widget.CollapsiblePanel.prototype.attachPanelHandlers = function()
var tab = this.getTab();
if (!tab)
return;
var self = this;
Spry.Widget.CollapsiblePanel.addEventListener(tab, "click", function(e) { return self.onTabClick(e); }, false);
Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e); }, false);
Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e); }, false);
if (this.enableKeyboardNavigation)
// XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't
// rely on adding the tabindex attribute if it is missing to enable keyboard navigation
// by default.
// Find the first element within the tab container that has a tabindex or the first
// anchor tag.
var tabIndexEle = null;
var tabAnchorEle = null;
this.preorderTraversal(tab, function(node) {
if (node.nodeType == 1 /* NODE.ELEMENT_NODE */)
var tabIndexAttr = tab.attributes.getNamedItem("tabindex");
if (tabIndexAttr)
tabIndexEle = node;
return true;
if (!tabAnchorEle && node.nodeName.toLowerCase() == "a")
tabAnchorEle = node;
return false;
if (tabIndexEle)
this.focusElement = tabIndexEle;
else if (tabAnchorEle)
this.focusElement = tabAnchorEle;
if (this.focusElement)
Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "focus", function(e) { return self.onFocus(e); }, false);
Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "blur", function(e) { return self.onBlur(e); }, false);
Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "keydown", function(e) { return self.onKeyDown(e); }, false);
Spry.Widget.CollapsiblePanel.addEventListener = function(element, eventType, handler, capture)
try
if (element.addEventListener)
element.addEventListener(eventType, handler, capture);
else if (element.attachEvent)
element.attachEvent("on" + eventType, handler);
catch (e) {}
Spry.Widget.CollapsiblePanel.prototype.preorderTraversal = function(root, func)
var stopTraversal = false;
if (root)
stopTraversal = func(root);
if (root.hasChildNodes())
var child = root.firstChild;
while (!stopTraversal && child)
stopTraversal = this.preorderTraversal(child, func);
try { child = child.nextSibling; } catch (e) { child = null; }
return stopTraversal;
Spry.Widget.CollapsiblePanel.prototype.attachBehaviors = function()
var panel = this.element;
var tab = this.getTab();
var content = this.getContent();
if (this.contentIsOpen || this.hasClassName(panel, this.openClass))
this.addClassName(panel, this.openClass);
this.removeClassName(panel, this.closedClass);
this.setDisplay(content, "block");
this.contentIsOpen = true;
else
this.removeClassName(panel, this.openClass);
this.addClassName(panel, this.closedClass);
this.setDisplay(content, "none");
this.contentIsOpen = false;
this.attachPanelHandlers();
Spry.Widget.CollapsiblePanel.prototype.getTab = function()
return this.getElementChildren(this.element)[0];
Spry.Widget.CollapsiblePanel.prototype.getContent = function()
return this.getElementChildren(this.element)[1];
Spry.Widget.CollapsiblePanel.prototype.isOpen = function()
return this.contentIsOpen;
Spry.Widget.CollapsiblePanel.prototype.getElementChildren = function(element)
var children = [];
var child = element.firstChild;
while (child)
if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
children.push(child);
child = child.nextSibling;
return children;
Spry.Widget.CollapsiblePanel.prototype.focus = function()
if (this.focusElement && this.focusElement.focus)
this.focusElement.focus();
Spry.Widget.CollapsiblePanel.PanelAnimator = function(panel, doOpen, opts)
this.timer = null;
this.interval = 0;
this.fps = 60;
this.duration = 500;
this.startTime = 0;
this.transition = Spry.Widget.CollapsiblePanel.PanelAnimator.defaultTransition;
this.onComplete = null;
this.panel = panel;
this.content = panel.getContent();
this.doOpen = doOpen;
Spry.Widget.CollapsiblePanel.setOptions(this, opts, true);
this.interval = Math.floor(1000 / this.fps);
var c = this.content;
var curHeight = c.offsetHeight ? c.offsetHeight : 0;
this.fromHeight = (doOpen && c.style.display == "none") ? 0 : curHeight;
if (!doOpen)
this.toHeight = 0;
else
if (c.style.display == "none")
// The content area is not displayed so in order to calculate the extent
// of the content inside it, we have to set its display to block.
c.style.visibility = "hidden";
c.style.display = "block";
// Clear the height property so we can calculate
// the full height of the content we are going to show.
c.style.height = "";
this.toHeight = c.offsetHeight;
this.distance = this.toHeight - this.fromHeight;
this.overflow = c.style.overflow;
c.style.height = this.fromHeight + "px";
c.style.visibility = "visible";
c.style.overflow = "hidden";
c.style.display = "block";
Spry.Widget.CollapsiblePanel.PanelAnimator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); };
Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.start = function()
var self = this;
this.startTime = (new Date).getTime();
this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.stop = function()
if (this.timer)
clearTimeout(this.timer);
// If we're killing the timer, restore the overflow property.
this.content.style.overflow = this.overflow;
this.timer = null;
Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.stepAnimation = function()
var curTime = (new Date).getTime();
var elapsedTime = curTime - this.startTime;
if (elapsedTime >= this.duration)
if (!this.doOpen)
this.content.style.display = "none";
this.content.style.overflow = this.overflow;
this.content.style.height = this.toHeight + "px";
if (this.onComplete)
this.onComplete();
return;
var ht = this.transition(elapsedTime, this.fromHeight, this.distance, this.duration);
this.content.style.height = ((ht < 0) ? 0 : ht) + "px";
var self = this;
this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
Spry.Widget.CollapsiblePanelGroup = function(element, opts)
this.element = this.getElement(element);
this.opts = opts;
this.attachBehaviors();
Spry.Widget.CollapsiblePanelGroup.prototype.setOptions = Spry.Widget.CollapsiblePanel.prototype.setOptions;
Spry.Widget.CollapsiblePanelGroup.prototype.getElement = Spry.Widget.CollapsiblePanel.prototype.getElement;
Spry.Widget.CollapsiblePanelGroup.prototype.getElementChildren = Spry.Widget.CollapsiblePanel.prototype.getElementChildren;
Spry.Widget.CollapsiblePanelGroup.prototype.setElementWidget = function(element, widget)
if (!element || !widget)
return;
if (!element.spry)
element.spry = new Object;
element.spry.collapsiblePanel = widget;
Spry.Widget.CollapsiblePanelGroup.prototype.getElementWidget = function(element)
return (element && element.spry && element.spry.collapsiblePanel) ? element.spry.collapsiblePanel : null;
Spry.Widget.CollapsiblePanelGroup.prototype.getPanels = function()
if (!this.element)
return [];
return this.getElementChildren(this.element);
Spry.Widget.CollapsiblePanelGroup.prototype.getPanel = function(panelIndex)
return this.getPanels()[panelIndex];
Spry.Widget.CollapsiblePanelGroup.prototype.attachBehaviors = function()
if (!this.element)
return;
var cpanels = this.getPanels();
var numCPanels = cpanels.length;
for (var i = 0; i < numCPanels; i++)
var cpanel = cpanels[i];
this.setElementWidget(cpanel, new Spry.Widget.CollapsiblePanel(cpanel, this.opts));
Spry.Widget.CollapsiblePanelGroup.prototype.openPanel = function(panelIndex)
var w = this.getElementWidget(this.getPanel(panelIndex));
if (w && !w.isOpen())
w.open();
Spry.Widget.CollapsiblePanelGroup.prototype.closePanel = function(panelIndex)
var w = this.getElementWidget(this.getPanel(panelIndex));
if (w && w.isOpen())
w.close();
Spry.Widget.CollapsiblePanelGroup.prototype.openAllPanels = function()
var cpanels = this.getPanels();
var numCPanels = cpanels.length;
for (var i = 0; i < numCPanels; i++)
var w = this.getElementWidget(cpanels[i]);
if (w && !w.isOpen())
w.open();
Spry.Widget.CollapsiblePanelGroup.prototype.closeAllPanels = function()
var cpanels = this.getPanels();
var numCPanels = cpanels.length;
for (var i = 0; i < numCPanels; i++)
var w = this.getElementWidget(cpanels[i]);
if (w && w.isOpen())
w.close();
})(); // EndSpryComponent

I have inserted a spry collapsible panel into my website, made ZERO
adjustments to any of the scripting or even css styling
That is good, that means that I have a local copy of the scripting and css files eliminating the need to attach the code to a post.
Is something wrong with the js file? I tried the panel earlier on a
different site on the same computer and it was working fine
The fact that it works on a different site means that something is correct. My assumption is that the scripting and css files are doing their job correctly and to answer your question regarding the js file, no.
Having eliminated the Spry original JavaScript and CSS files as being the culprits, there must be a problem with the rest of the site, incorrect HTML, other interfering JavaScript or CSS.
I can keep guessing, but only those persons that are privy to your code can give you any positive input. Please find a way to upload your files so that we can see the code in context.
To this end, screen captures do not assist in solving the problem, they only add to others' amusement at seeing the problem.
Ben
PS I forgot to say, welcome to our community and yes I am a cynical old codger, sorry.

Firefox consistently crashes when loading Flash sites

For a couple of reasons I decided to go ahead and install OSS a few days ago. On the first day, the install went smoothly and everything was working just as it should (I used the oss-linux-free PKGBUILD in AUR). Yesterday and today, however, I've started to get a reoccurring problem that is, to put it lightly, driving me nuts.
Firefox (or Epiphany, though I prefer the former) consistently crashes when opening up any site that uses Flash or Java. With the way the internet is going, this is a large chunk of websites—not being able to visit YouTube or the website for Enemy Territory: Quake wars, for instance, is driving me nuts.
Now, when I say "consistently" I don't mean each and every time. I've been able to get these sites to load a number of times, but in the last two days Firefox has crashed in probably 2/3-3/4 of the time when loading any site that has a Flash element. I've made sure that I have not wrongly assumed this has to do with my newly installed OSS by uninstalling, reinstalling the kernel and all ALSA packages, rebooting, and then surfing the web for a while to see if anything went wrong. It didn't.
So my question is this: why is Firefox crashing so often in the two days since I've installed OSS? What can be done to rectify this?
After some experimenting, it seems the problem is worst under the following conditions:
- Having several tabs open, though not necessarily several tabs with Flash
- Listening to music and THEN navigating to YouTube or something.
However, it's not specific to these circumstances. In fact, just before I decided to make this post I opened Firefox, went to a site with Flash on it (one tab), and it immediately shut down. I tried this three or four additional times and was met with the exact same results.
Other info
Firefox: Pre-compiled Mozilla i686 build, v. 2.0.0.11
OSS: OSS (GPL version) 4.0, build 1012
Operating System: Arch Linux 2.6.23-ARCH
I've also posted this here.

I have the same problem. I've never been able to identify when it started. Once firefox crashes, mpd, if it was playing, becomes unresponsive. The only way to get a flash site working again is to reboot my computer.
I uninstalled flash: I'm not going to put up with that kind of behaviour. Now I watch youtube videos on other people's computers --you know how they say "You've GOT to see this movie!". And if I really need to see that one specific video, there's youtube-dl.
Unfortunately gnash doesn't work on youtube for me.

Menu Widget: Text disappears when previewed in browser ?

Hi All,
I've created a site and have a top level page, with a sub-page.
The site uses the Menu widget in Muse to create a menu with dropdowns for the sub-pages. However, when I preview the site in the browser, the state on the menu for the top-level page 'Normal and 'Active' functions disspears.
It does re-appear on rollover, so the browser knows it's there, but it isn't being displayed.
Any idea why?
And how I can fix this?
(Ive attached screenshots of the page within Muse and then the same page once previewed within the browser)
As always, soloutions and replies most apprieciated!
Browser preview
Browser preview on rollover function
Cheers!
Robbie.

Hi Robsta,
Looking at your 1st posted image, above, I would say (recommend) that the 2nd blue guide, from the top (the header guide), should be moved down and put just below your menu ... do this on the 'master page' ... thats the header guide line ... everything 'below' that line is page content (a menu is not page content) hence content changes throughout your website ... everything 'above' that line is your header information and stays in the same place regardless which page you are on and is shown on ALL pages ...
Now, if that doesn't fix the problem (the blue guide that needs moving, should be moved nevertheless) ... is it possible that some of the 'active' states in your menu have got messed up when you were changing your button colours? ... this would only happen if you were editing the menu with the 'Edit Together', 'unticked' ... I can see that the active state is set to grey already hence just asking ... also, sometimes if the 'header' guide is not where it should be, it does hide things below it as it doesn't know what should be shown or not ...so it's just a thought ... ...
cheers,
GemBro

Pop up message when visiting Flash sites

I'm having a new thing happen when I visit sites done with
Flash. A highlighted outline appears around the document and a
pop-up message says "click to activate and use this control". Once
I click it the site works fine. When leaving the site and returning
it will alternately say "press space bar or enter to activate and
use this control", and then again once pressed the site works fine.
This just started happening in the last day or so. Any insight to
why this happening would be so appreciated. I have a link to a
sreen shot jpg of the problem.
Thanks in advance!
BC
http://www.berniechiaravalle.com/flashProblem.jpg

>I have the same problem.!
> It is absurd that iexplorer had to do this.
Indeed. The current patent system is absurd.
> Now every button on my page have to be dubbel clicked
on.
Until those pages are 'fixed' .. yes. Do you have a separate
SWF file
embedded for each button on your web page? That seesm a bit
odd.
> En every page is with these buttons again, so now you
have to click one
> thousand times to get there!
That seems a bit of an exageration .. one extra click per
flash movie to
activate it .. and thats only if you want to interact with it
(ie you were
proably going to click on it anyway). NOTE: If its your page,
fix it so you
do NOT need to click on it.
> I hope iexplorer will lose market this way. Because
firefox does not do
> this.
Its not something MS really wanted to do. And EOLAS could
just as easily do
the same to Firefox .. if there was any money in it for them.
They say that
they do not want to charge patent fees for open source free
browsers. But I
wouldn't trust them. IE is free .. and they went after its
owner,
Microsoft, because there was money to be made for EOLAS. If
there was money
to make from Firefox, you can bet your bottom dollar that
EOLAS would sue
them as well.
Anyway . .the problem will start disappearing soon enough as
web sites are
modified to work nicer with IE. Anyone who wants to keep
their nice visitor
experience with the most common browser (ie. IE) will change
their site
accordingly sooner rather than alter.
Jeckyl

Finder is crashing when previewing files

My finder keeps crashing when previewing files from an external hard drive. It's mov-files and stills(cr2).
I have files recorded on two separate days. When previewing files day 2 there's no problem but when previewing files from day 1 finder is crashing every time. I have back up of all the files on another drive. On the back up drive there's no problem to preview files.

That is why I want you to erase it.. so you can get access.. but I cannot trial it for you... I do not have one.. you have to trial it yourself.
Setup the TC to use Accounts.. not use disk password or device password.. after an erase.
See if that fixes it.
See this post for different but maybe related issue.
https://discussions.apple.com/thread/5146963?tstart=0

Stage moves when previewing my site?

Similar Messages

Maybe you are looking for