Text shifts after page load

When viewing my site online, the page loads and then the text sometimes shifts and re-positions slightly. Long text blocks may even re-format and become one line less in height. This happens in Safari, Explorer, and Mozilla on Mac and Windows. This only happens occasionally but, where it happens, it is consistent and happens every time. I am using Arial standard font, left justified only, and default text settings for space and inset. So no special font or settings at issue. This happened with iWeb 08 as well as 09.
Any ideas please ... it makes my site look so scruffy ...... :o(

Sorry to be slow in coming back on this but I wanted to try Roddy's solution before troubling anybody further. Loosening the text boxes has indeed done the trick. The amount need to loosen is surprisingly large in some cases, and it took several attempts to get everything OK.
Thank you both for replying so quickly. If you want see the results of your advice in a problem free site then go www.cambiguities.com. It is my first attempt at a site and is quite ambitious for a first go. I am a photographic illusion creator and it is my showcase. Who knows ..... you might enjoy it ...... ;o)
Thanks again

Similar Messages

How to execute a method after page Load?

My question is very similar to what was discussed in following thread:
How to execute a method after page Load?
My requirement is that I want to run a method in backing bean of a page, immediately after the page gets loaded. In that method I want to invoke one of the method action included in the pagedef of this page, conditionally.
I tried using the approach given in the above thread, i.e to use <f:view afterPhase="#{backing_security.setPermPriv}">, but the problem is that our page is not using 'f:view' , so I explicitly added one f:view with afterPhase property set , but it is not working, page it self is not getting loaded, it is throwing the error:
Root cause of ServletException.
java.lang.IllegalStateException: <f:view> was not present on this page; tag [email protected]e8encountered without an <f:view> being processed.
     at org.apache.myfaces.trinidad.webapp.UIXComponentELTag.setProperties(UIXComponentELTag.java:108)
     at javax.faces.webapp.UIComponentClassicTagBase.findComponent(UIComponentClassicTagBase.java:733)
     at javax.faces.webapp.UIComponentClassicTagBase.doStartTag(UIComponentClassicTagBase.java:1354)
     at org.apache.myfaces.trinidad.webapp.UIXComponentELTag.doStartTag(UIXComponentELTag.java:71)
     at oracle.adfinternal.view.faces.taglib.UIXQueryTag.doStartTag(UIXQueryTag.java:41)
     at oracle.adfinternal.view.faces.unified.taglib.UnifiedQueryTag.doStartTag(UnifiedQueryTag.java:51)
     at oracle.jsp.runtime.tree.OracleJspBodyTagNode.executeHandler(OracleJspBodyTagNode.java:50)
     at oracle.jsp.runtime.tree.OracleJspCustomTagNode.execute(OracleJspCustomTagNode.java:262)
     at oracle.jsp.runtime.tree.OracleJspNode.execute(OracleJspNode.java:89)
     at oracle.jsp.runtimev2.ShortCutServlet._jspService(ShortCutServlet.java:89)
     at oracle.jsp.runtime.OracleJspBase.service(OracleJspBase.java:29)
     at oracle.jsp.runtimev2.JspPageTable.compileAndServe(JspPageTable.java:665)
     at oracle.jsp.runtimev2.JspPageTable.service(JspPageTable.java:387)
     at oracle.jsp.runtimev2.JspServlet.internalService(JspServlet.java:822)
     at oracle.jsp.runtimev2.JspServlet.service(JspServlet.java:746)
Please help to resolve this issue, or am I doing anything wrong?

Hi,
I assume that your view is a page fragment and here - indeed - the f:view tag cannot be used. If you use ADF then one option would be to use a custom RegionController on the binding layer to listen for the render phase to invoke the method. Another option would be to use a hidden field (output text set to display="false" and have this component value referencing a managed bean property. The managed bean property's getter method can now be used to invoke the method you want to run upon view rendering
Frank

Text shift after publishing

I am having a problem with my text shifting and some colors changing after I publish my website. The problem seems to be on the navigation bar toward the top of the page. It changes color to a darker shade, the text is not centered, and when you navigate through the site, the entire bar shifts up and down between pages. Here is the site:
http://web.me.com/andrew.heinrich/Food_Congress/Home.html
Any suggestions as to why this might be occurring? I've tried to re-publish using the "publish all" option and I've also looked at it through various browsers and the problem seems consistent.
Thanks for your help.

Are you using the default iWeb nav-bar that is created in Javascript and there for defaults to web-safe colours? I would get rid of it and create my own (it is very easy). Not only will this help with your problem but it will also improve the ability for search engine spiders to crawl your site as the links will be in HTML not javascript.
http://allaboutiweb.com/index.php/2008/08/improve-navigation/
DISCLAIMER: I may receive some form of compensation, financial or otherwise, from my recommendation or link.

Spry Accordion - Tabs open and then close after page loads

I am using a Spry Accordion menu driven from a database.
The menu opens up during the page load and then closes.
I'm using SpryAccordion.js 1.6.1
And to open a preset tab, I'm using:
<script type="text/javascript">

</script>
But, all of the tabs open and then close on page load.
My page:   http://www.texashotjobs.us/00C01.aspx
Any fix for this??
Thanks, Ron

Well to both thanks. Actually I wasn't disappointed as I had a two part question...
I tested the 1.6 JS and remembered that I had to modify the 1.4 so that tabs actually would link. So I reverted back to 1.4.
So, going to 1.6 fixed the open panel on load but "unfixed" the panel tab from linking.....
So changing this in the 1.6 js fixed the link issue as well:
Spry.Widget.Accordion.prototype.onPanelTabClick = function(e, panel)
    if (panel != this.currentPanel)
        this.openPanel(panel);
    else
        this.closePanel();
    if (this.enableKeyboardNavigation)
        this.focus();
//    if (e.preventDefault) e.preventDefault();
//    else e.returnValue = false;
//    if (e.stopPropagation) e.stopPropagation();
//    else e.cancelBubble = true;
I t appears everything is working........
Thanks, Ron Gaddis
Visual Reality Productions

Content getting disappear after page load in safari

Content of the webpage get dissappear after the page load in safari. I am currently using IOS7.1 in my ipad mini
Url:
http://wealthforumezine.net/ThinkBIGBusinessPerspective230314.html#.UzAF2PmSyrM
http://wealthforumezine.net/FundFocusSBI180314.html#.UzAF6fmSyrM
the website is devloped using HTML 4.
Thanks in advance

I have a similar problem in Leopard with Safari not loading pages correctly. I'm trying to troubleshoot now, so let me ask you some questions to see if its the same problem as mine.
Are you using an administrator account? On my machine it only acts up on non-administrator account.
Does Firefox or another web browser load the pages correctly? On my machine it has similar problems to Safari.

Cpu not releasing after page load

I'm a newby to flash. I need to show movie clips based on the
XML data. The problem is after page is loaded with flash file,
still CPU is not getting released. What am I doing wrong? After
page is loaded with the flash file, I want the CPU to go its
original utilization.
Here is the sample code.
import flash.geom.Matrix;
import flash.geom.Point;
import flash.display.*;
import flash.geom.*;
import mx.services.*;
_root.lineStyle(1, 0x0000FF, 100);
var mcMapContent = map_sp.content;
var my_xml:XML = new XML();
my_xml.ignoreWhite = true;
var number_fmt:TextFormat = new TextFormat();
number_fmt.font = "NumFont";
number_fmt.size = 4;
var fileName:String;
if (!fileName)
fileName = "test1";
if (_global.styles.List == undefined)
_global.styles.List = new mx.styles.CSSStyleDeclaration();
_global.styles.List.setStyle("themeColor", 0x3366CC);
_global.styles.List.setStyle("color", 0x000000);
_global.styles.List.setStyle("backgroundColor", 0xFFFFFF);
_global.styles.List.setStyle("borderStyle", "solid");
_global.styles.List.setStyle("borderColor", 0x000000);
_global.styles.List.setStyle("rolloverColor", 0x5a6970);
_global.styles.List.setStyle("scrollTrackColor", 0xEEEEEE);
_global.styles.List.setStyle("selectionColor", 0xCCCCCC);
my_xml.load("XML/" + fileName + ".xml");
my_xml.onLoad = function(success)
var currentNode:XMLNode = my_xml.firstChild.firstChild;
var LoopI:Number;
var tmpDepthLevel:Number;
var X1:Number, Y1:Number, Length:Number, Width:Number;
var Code_str:String;
currentNode = currentNode.firstChild;
tmpDepthLevel = mcMapContent.getNextHighestDepth();
try
for (var child_xmlnode = currentNode; child_xmlnode != null;
child_xmlnode = child_xmlnode.nextSibling, i++)
TotalVertex_int =
Number(child_xmlnode.attributes.VERTEX_COUNT);
X1 = child_xmlnode.attributes.X1;
Y1 = child_xmlnode.attributes.Y1;
Width = Number(child_xmlnode.attributes.WIDTH);
Length = Number(child_xmlnode.attributes.LENGTH);
Code_str = child_xmlnode.firstChild.nodeValue;
var my_mc:MovieClip = mcMapContent.attachMovie("MyRect",
Code_str, tmpDepthLevel, {Name:Code_str});
tmpDepthLevel++;
my_mc._x = X1;
my_mc._y = Y1;
my_mc._width = Width;
my_mc._height = Length;
newMainColor = new Color(my_mc.rect_mc);
my_mc.Num_txt.setTextFormat(number_fmt);
name_fmt.font = "NumFont";
newMainColor.setRGB(0xFF99FF);
my_mc.Num_txt._yscale = my_mc.Num_txt._yscale * (Width /
Length);
my_mc.Num_txt._y = (20 - my_mc.Num_txt._height);
my_mc.Num_txt._x = 0;
catch (myError:Error)
trace("error caught: " + myError);
finally
//trace("No Error");

I'm a newby to flash. I need to show movie clips based on the
XML data. The problem is after page is loaded with flash file,
still CPU is not getting released. What am I doing wrong? After
page is loaded with the flash file, I want the CPU to go its
original utilization.
Here is the sample code.
import flash.geom.Matrix;
import flash.geom.Point;
import flash.display.*;
import flash.geom.*;
import mx.services.*;
_root.lineStyle(1, 0x0000FF, 100);
var mcMapContent = map_sp.content;
var my_xml:XML = new XML();
my_xml.ignoreWhite = true;
var number_fmt:TextFormat = new TextFormat();
number_fmt.font = "NumFont";
number_fmt.size = 4;
var fileName:String;
if (!fileName)
fileName = "test1";
if (_global.styles.List == undefined)
_global.styles.List = new mx.styles.CSSStyleDeclaration();
_global.styles.List.setStyle("themeColor", 0x3366CC);
_global.styles.List.setStyle("color", 0x000000);
_global.styles.List.setStyle("backgroundColor", 0xFFFFFF);
_global.styles.List.setStyle("borderStyle", "solid");
_global.styles.List.setStyle("borderColor", 0x000000);
_global.styles.List.setStyle("rolloverColor", 0x5a6970);
_global.styles.List.setStyle("scrollTrackColor", 0xEEEEEE);
_global.styles.List.setStyle("selectionColor", 0xCCCCCC);
my_xml.load("XML/" + fileName + ".xml");
my_xml.onLoad = function(success)
var currentNode:XMLNode = my_xml.firstChild.firstChild;
var LoopI:Number;
var tmpDepthLevel:Number;
var X1:Number, Y1:Number, Length:Number, Width:Number;
var Code_str:String;
currentNode = currentNode.firstChild;
tmpDepthLevel = mcMapContent.getNextHighestDepth();
try
for (var child_xmlnode = currentNode; child_xmlnode != null;
child_xmlnode = child_xmlnode.nextSibling, i++)
TotalVertex_int =
Number(child_xmlnode.attributes.VERTEX_COUNT);
X1 = child_xmlnode.attributes.X1;
Y1 = child_xmlnode.attributes.Y1;
Width = Number(child_xmlnode.attributes.WIDTH);
Length = Number(child_xmlnode.attributes.LENGTH);
Code_str = child_xmlnode.firstChild.nodeValue;
var my_mc:MovieClip = mcMapContent.attachMovie("MyRect",
Code_str, tmpDepthLevel, {Name:Code_str});
tmpDepthLevel++;
my_mc._x = X1;
my_mc._y = Y1;
my_mc._width = Width;
my_mc._height = Length;
newMainColor = new Color(my_mc.rect_mc);
my_mc.Num_txt.setTextFormat(number_fmt);
name_fmt.font = "NumFont";
newMainColor.setRGB(0xFF99FF);
my_mc.Num_txt._yscale = my_mc.Num_txt._yscale * (Width /
Length);
my_mc.Num_txt._y = (20 - my_mc.Num_txt._height);
my_mc.Num_txt._x = 0;
catch (myError:Error)
trace("error caught: " + myError);
finally
//trace("No Error");

Using af:clientListener after page load

Hi,
I need to run a js function after* the page finishes loading.
I tried to use <af:clientListener type="load" method="fillProjectList"/>, but the script starts running before the table on the page finished loading.
The table has: clientComponent="true"
How can I make the script to start runng only after all table components are loaded?
Thank you,
Nina

Ah.. i guess it will not work as you cannot do any UI activity after the render response phase. May be try this
Javascript into JSPX and run after page is loaded?

Javascript before/after Page Load

hi, i want to call javascript before or after page is loading,
is it possible?

Hi,
Under Page Rendering--->
Open the page definition
Under --> Display Attributes
change to 'Donot focus cursor'
In Page html body attributes
enter --> onload="set_focus();"
bye
Srikavi

Loading... spinner persists after page load complete

Our site uses Ajax and web-services to build html content. At times, the spinning "Loading..." image continues endlessly, seemingly after the page load is complete. This behavior does not occur with Chrome, IE or Firefox. Using the Web Inspector, it appears that all images, xml docs, web-service calls, etc. have completed successfully. To see an example: http://www.bunkerhill.com/dev/website/WebMessages.aspx
Any help is appreciated.
TIA

Is the site entirely Safari compatible? Maybe some part of it isn't working in Safari, and the browser is still attempting to make it work. I'm not a coder (I can barely do anything with HTML), so what I just wrote might be of no use to you.

ADF Question: included jsp action firing after page load

Hi all,
I am using JDeveloper 10.1.3.3 and ADF + BC.
Here is another interesting situation for you. I have a page with an included jsp at the top with tabbed navigation.
My page is for entering an order. Users can have multiple orders "open" in other tabs at the same time. Users can also have many other non-order pages opened in tabs. We are using the same View Objects (Entity Based) along with Transient View Objects on each order.
Each order tab needs to "remember" the orderId so that when the user clicks on a tab, the appropriate rows are set in the order that is to be "opened". This occurs in a tab's action() - setting the orderId and forwarding to the appropriate page (if different) or reloading the same page with the new id.
On page load we try to get the tab's orderId and load that as the current row of all of our view objects. This should make it seem like they are all concurrently running.
The problem is when going from order to order, once the tab is clicked, the page's OnPageLoad method runs BEFORE the action of the tab click is processed. Therefore the order that loads thinks it is the previous order, and does not load the correct View Object rows.
Does anyone know how we can force the tab action to occur before the page load so that we can get the proper orderId?
Thanks,
Heather

Thanks for your speedy reply Frank,
We are using the onPageLoad from the OnPageLoadBackingBeanBase which implements the PagePhaseListener.
In this we are doing something like:
        if (isPostback()) {
            String selectedTabNum =
                EL.getAsString("#{TabCounter.currentSelectedTab}");
            String test = EL.getAsString("#{TabCounter.tabOrderId" + selectedTabNum + "}");
            System.out.println("tab num " + selectedTabNum);
            System.out.println( "testing " + test );
        }our tab counter (a session bean) has these two methods (among others):
    public void setCurrentSelectedTab(int currentSelectedTab) {
        this.currentSelectedTab = currentSelectedTab;
        for(int i=1;i<= 20; i++) {
            EL.set(BACKING_START+"selectedTab"+i+"}", false);
        EL.set(BACKING_START+"selectedTab"+currentSelectedTab+"}", true);
    public String getNextAvailableTab () {
        for(int i=2;i<=20;i++) {
            boolean isTab = (new Boolean (String.valueOf(EL.get(BACKING_START+"render"+i+"}")))).booleanValue();
            if (!isTab) {
                return String.valueOf(i);
        return "0";
    }our tab header (request bean) has this method as the action for clicking a tab:
        System.out.println("handleTabNavigation");
        String componentId = actionEvent.getComponent().getId();
        String selectedTab = componentId.replaceFirst("tab","");
        int selectedTabNum = new Integer(selectedTab).intValue();
        EL.set("#{TabCounter.currentSelectedTab}", selectedTabNum);
        String tabType = EL.getAsString("#{TabCounter.tabType"+selectedTabNum+"}");
        if (tabType.equals("regular")) {
            String orderId = EL.getAsString("#{TabCounter.tabOrderId"+selectedTabNum+"}");
            EL.set("#{processScope.unfinishedHeaderId}", orderId);
        } else if (tabType.equals("standing")) {
            String orderId = EL.getAsString("#{TabCounter.tabOrderId"+selectedTabNum+"}");
        }Thanks,
Heather

Major annoyance - Safari switching tabs/windows after page load

When I cmd-click on a link to open a page in a new tab, it starts to load the page. If I switch tabs or windows before the page is loaded, it will switch back to that tab/window when the page load is complete.
Who thought this would be a good idea?!? This is the kind of impossibly poor user interface that I expect when I run Windows. Why has it infected my Mac? I DO NOT WANT MY SOFTWARE CHANGING MY INTERFACE ON ME!!! When I bring a tab or window to the front, I expect it to STAY in the front!!!!!
PLEASE, FOR THE LOVE OF EVERYTHING SANE, FIX THIS NOW APPLE!!!

BTW, this does not happen all the time - only on certain pages. A good example is the Washington Post. Click on an article, then switch to a different tab/window before the page completes loading. When the page load completes, it will switch your tab/window, bringing the article to the front. Very annoying.
I suppose if could be an issue with the site using some severely twisted JavaScript. However, I have never seen this behavior before in Safari until very recently, and it does not happen in FireFox.

Web pages slow to load with IE11 and the cursor/mouse is very slow to work until after page loads

Web pages are very slow to load, I hve run Norton Eraser and found no issues that would cause this

New HP Pavilion three weeks ago. After several attempts by the 'experts' I finally got a straight answer from a tech in the Philipines yesterday, 01-29-2015. HP and Microsoft are working to resolve the issue of slow pages and a dead cursor until the next page finally loads. You may have discovered that Google Chrome DOES NOT have this issue. Comments about HP would not be allowed here so I will just say, use Chrome until the issue with IE 11 is resolved.

Adding a dynamic region/dataset after page loads

I am trying to dynamicaly add a new spry driven select box
after the page has loaded to allow n select boxes to be displayed.
My initial spry select is as below and works fine.
<div id="orgDiv">
<div id="orgDiv0" spry:region="dsOrg[0]">
<select id="selOrg0"
onchange='_addOrg(this.options[this.selectedIndex].value);'>
<option>--- Select --- </option>
<option spry:repeat="dsOrg[0]"
value="{CHILD_ID}">{STR_TEXT} </option>
</select>
</div>
</div>
The onchange for the select triggers a JS function to add a
new spry region div and select box to the page. All fine so far,
the only problem is I need to initialise the new spry region as it
has been inserted after the initial Spry.Data.initRegions();
Theinitial spry region renders correctly but the javascript
added node (second one) hasn't been initialised by spry:
<div id="orgDiv0" class="">
<select id="selOrg0"
onchange="_addOrg(this.options[this.selectedIndex].value);">
<option>--- Select --- </option>
<option value="2">Group PLC </option>
<option value="3">GSD </option>
<option value="4">Country </option>
</select>
</div>
<div id="orgDiv1" spry:region="dsOrg[1]">
<select id="selOrg1"
onchange="_addOrg(this.options[this.selectedIndex].value);">
<option>--- Select --- </option>
<option value="{CHILD_ID}"
spry:repeat="dsOrg[1]">{STR_TEXT} </option>
</select>
</div>
If I call Spry.Data.initRegions(); it just zaps the contents
of my dynamically added div:
<div id="orgDiv1" class=""/>
Not so good...
Is there a way to use the API to initialiase a new spry
region using a new dataset after the page has loaded?

Are you getting the error in jdeveloper or in the envrionment? If you are getting the error in the environment verify whether the region is present in the MDS repository. You can use the exec jdr_utils.printdocument('/oracle/apps/ar/cusstd/localizationExt/webui/SiteTabsRN') for verifying. try adding the region to the project if you get the issue in Jdeveloper.

PDf files not appearing after page loads

On several different sites, I've recently experienced a dark (black) screen after trying to view pdf files.
I cannot view any pdf files at present. The relevant page(s) seem to load and then the screen goes black. Any suggestions welcome.

What happens if you right click then Save as...
Or right click on the link to Download them & view with preview?
How about a link to see if it's common?
Have you tried more than one Browser?

Noob: Adding text shifts my page over to the left

Okay, I've got seven or so pages mocked up with header div, nav div and then a content div. the body tag has a max width of 960px and auto left & right (so centered on the page).
On all the pages so far, they all line up sweet.
On one, when I paste some text (roughly an A4 page worth) into the content div, the whole page shifts to the left by about 10 pixels. Header div, nav div and content div.
The text is just plain, unstyled text with no CSS applied.
It's doing my head in - that particular page 'jumps' to the left, whereas all the other pages are perfect.
TIA,
Simon.

The page shift to the left is caused by the appearance of the vertical browser scroll bar on pages where the content is more than a screen deep (therefore requiring scrolling).
Where the content is less than a screenful, the scrollbar disappears and the page shifts to the right.
http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/
The usual fix is to add the following rule to your CSS stylesheet
html {
overflow-y: scroll;
This forces a scrollbar to appear on every page (thereby eliminating the page shift) whether it is required by the amount of content or not.

Text shifts after page load

Similar Messages

Maybe you are looking for