Template- container div background not expanding with page

Hello! Still fairly new to Dreamweaver. I'm building a website using a template I made. Theres one problem I can't figure out... I've created my "container" div and I'm using a style to add a background to this div. I have all my other divs inside the container. The problem I'm running into is that with pages of different lengths, the background doesn't expand to fill the rest of the page. As my content div (editable region) expands with more content, and my footer div moves down as it should, the background image just cuts off where it ended in the template. I created the background in photoshop, and I know for a fact that it's long enough to handle the lengthy pages. It's not a matter of the background image not being long enough, its just as the content div expands bigger than the template, it doesn't fill the entire container div.
So far my only solution is to make sure the template is tall enough to handle the longest page, and the shorter pages just have the added space below the content. I dont really want to do this, but I will if I have to. I hope I was clear enough, if you need screenshots or need to see the code I can post it. Thanks in advance for your help!
Justin

Unfortunately I dont have a server yet, I realize that would be easiest and I apologize.
I tried adding the repeat-y like you said, and it didn't make any difference. I also went into the style and chose repeat-y from the dropdown box and it added
background-repeat: repeat-y;
and that didnt work either. I may not have explained it well enough, in my template.dwt page the background works exactly as it should, it expands with the page. But after I created the new pages using this template, then expanded the content in the editable region, thats when the container background doesn't expand to fill the page. It's stuck at the point I saved it in the template. I dont want the entire background showing all the time, on the shorter pages I want it to only go to the bottom of the content. Does that make sense?
Thank you

Similar Messages

Div tag not expanding with content.. Help please!

Hi there,
Firstly I'm reasonably new to this so if I appear stoopid, it's possible that I am.
I have been building a CSS based page with Div tags. What I'm trying to achieve is an html body that has a #wrapper centred on the page, then a #header, #nav, #banner, #content and #footer consecutively down the page. Then inside I want to place a #leftColumn and a #rightColumn. This much I have achieved. What I'm having trouble with is having the content div expand with the two column divs within it. I've included the main.css file I'm using below as well as the source code for the content section of the page. Any help would be greatly appreciated.
Cheers,
Philamon
@charset "UTF-8";
body {
color: #FFF;
text-align: center;
margin: 0px;
padding: 0px;
#wrapper {
color: #000;
text-align: left;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
#header {
color: #000;
margin-top: 12px;
margin-bottom: 12px;
#content {
color: #000;
width: auto;
margin-top: 0px;
padding-top: 0px;
padding-left: 5px;
overflow: auto;
#footer {
color: #000;
margin-top: 5px;
margin-bottom: 0px;
clear: both;
text-align: center;
bottom: 0px;
left: 0px;
right: 0px;
position: relative;
#logo {
color: #000;
height: 71px;
padding-bottom: 10px;
padding-right: 5px;
#nav {
color: #000;
height: 28px;
#banner {
color: #000;
height: 200px;
text-align: center;
#leftColumn {
color: #000;
float: left;
width: 70%;
padding-right: 5px;
padding-bottom: 30px;
padding-left: 5px;
#rightColumn {
color: #000;
float: right;
width: 20%;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 30px;
.fltrt {
float: right;
<div id="content">
    <h1>Welcome to The Groundswell Division</h1>
    <div id="leftColumn">
      <h2>Mission Statement</h2>
      <p>The Groundswell Division aims to:</p>
      <p>Be involved in the future moulding of the Australian performing arts industry through attracting new audiences, working collaboratively to find new forms and helping to expand the scope of performing arts in Australia.<br />
        Provide vital, diverse and challenging artistic works for audiences, both locally in Melbourne, throughout Australia and internationally.<br />
        Provide a platform for local performing arts practitioners who are currently underutilised within the industry.<br />
        Provide an umbrella for independent artists to stage their works within an established, supportive company.<br />
        Make all decisions regarding creative direction and control in an open, honest forum by the members of the Company’s democratic committee. </p>
    </div>
    <div id="rightColumn">
      <h2>Subheading</h2>
      <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
    </div><div id="leftColumn2">
      <h2> </h2>
</div>
</div>

Hi,
Change your wrapper code to this.
#wrapper {
width: 760px;
margin: 0 auto;
color: #000;
text-align: left;
You haven't included the Wrapper Div in your code :
You haven't specified and CSS markup for leftColumn2.
I have included an example (the div sizes will need adjusting!)
<!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" />
<title>Untitled Document</title>
<style type="text/css">
@charset "UTF-8";
body {
color: #FFF;
text-align: center;
margin: 0px;
padding: 0px;
#wrapper {
width: 760px;
margin: 0 auto;
color: #000;
text-align: left;
#header {
color: #000;
margin-top: 12px;
margin-bottom: 12px;
#content {
color: #000;
width: 740px;
margin-top: 0px;
padding-top: 0px;
padding-left: 5px;
overflow: auto;
#footer {
color: #000;
margin-top: 5px;
margin-bottom: 0px;
clear: both;
text-align: center;
bottom: 0px;
left: 0px;
right: 0px;
position: relative;
#logo {
color: #000;
height: 71px;
padding-bottom: 10px;
padding-right: 5px;
#nav {
color: #000;
height: 28px;
#banner {
color: #000;
height: 200px;
text-align: center;
#leftColumn {
color: #000;
float: left;
width: 400px;
padding-right: 5px;
padding-bottom: 30px;
padding-left: 5px;
#leftColumn2 {
color: #000;
float: left;
width: 100px;
padding-right: 5px;
padding-bottom: 30px;
padding-left: 5px;
#rightColumn {
color: #000;
float: left;
width: 100px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 30px;
.fltrt {
float: right;
}</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<h1>Welcome to The Groundswell Division</h1>
    <div id="leftColumn">
      <h2>Mission Statement</h2>
        <p>The Groundswell Division aims to:</p>
        <p>Be involved in the future moulding of the Australian performing arts industry through attracting new audiences, working collaboratively to find new forms and helping to expand the scope of performing arts in Australia.<br />
        Provide vital, diverse and challenging artistic works for audiences, both locally in Melbourne, throughout Australia and internationally.<br />
        Provide a platform for local performing arts practitioners who are currently underutilised within the industry.<br />
        Provide an umbrella for independent artists to stage their works within an established, supportive company.<br />
        Make all decisions regarding creative direction and control in an open, honest forum by the members of the Company's democratic committee. </p>
    </div>
    
    <div id="leftColumn2">
    <h2></h2>
    </div>
     
    <div id="rightColumn">
    <h2>Subheading</h2>
    <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
    </div>
     
   </div>
    
    <div id="footer">
    <h2>Footer</h2>
    </div>
    
</div>

</body>
</html>
Hope this helps ;-)

Box model experts, why wouldnt this layout allow for a container div to fully expand?

Box model experts, why wouldnt this layout allow for a container div to fully expand?
Please see attached jpg.
Live site is at http://www.theminnternet.com/

You have an answer for the height issue, you may also be interested in this article that talks about cutting down on the stylesheet size... you have a lot of styles in your stylesheet that can really be trimmed down by using shorthand rules.
http://www.communitymx.com/content/article.cfm?cid=A43B828960590F55

Node Container that does not resize with Window Resize Event

Hello,
I'm not new to Java but I am new to JavaFX.
I plan to have a container/Canvas with multiple shapes (Lines, Text, Rectangle etc) in it. This Container can be X times in the Szene with different Text Shapes. I need to Zoom and Pan (maybe rotation) the whole Szene and the Containers/Canvas.
So I was playing around with that but I have two issues.
1) all Canvas classes that I found (like Pane for example) do resize with the main window resize event. The content of the canvas isn't centered any more.
2) I added a couple of Rectangles to the canvas and both the rectangles and the canvas have a mouse listener which will rotate the item/canvas. Problem is, that even if I click the rectangle also the underlaying canvas is rotated...I think I need some kind of Z-Info to find out what was clicked.
Here is the little example program, it makes no produktiv sense but it demonstrates my problem.
Does anybody has a tip what canvas class would fit and does not resize with the main window and how to figure out what was clicked?
public class Test extends Application
     Scene mainScene;
     Group root;
     public static void main(String[] args)
        launch(args);
    @Override
    public void init()
        root = new Group();
        int x = 0;
        int y = -100;
        for(int i = 0; i < 5; i++)
             x = 0;
             y = y + 100;
             for (int j = 0; j < 5; j++)
                  final Rectangle rect = new Rectangle(x, y, 30 , 30);
                   final RotateTransition rotateTransition = RotateTransitionBuilder.create()
                         .node(rect)
                         .duration(Duration.seconds(4))
                         .fromAngle(0)
                         .toAngle(720)
                         .cycleCount(Timeline.INDEFINITE)
                         .autoReverse(true)
                         .build();
                 rect.setOnMouseClicked(new EventHandler<MouseEvent>()
                      public void handle(MouseEvent me)
                           if(rotateTransition.getStatus().equals(Animation.Status.RUNNING))
                                rotateTransition.setToAngle(0);
                                rotateTransition.stop();
                                rect.setFill(Color.BLACK);
                                rect.setScaleX(1.0);
                                rect.setScaleY(1.0);
                           else
                                rect.setFill(Color.AQUAMARINE);
                                rect.setScaleX(2.0);
                                rect.setScaleY(2.0);
                                rotateTransition.play();
                  root.getChildren().add(rect);
                  x = x + 100;
    public void start(Stage primaryStage)
         final Pane pane = new Pane();
         pane.setStyle("-fx-background-color: #CCFF99");
         pane.setOnScroll(new EventHandler<ScrollEvent>()
               @Override
               public void handle(ScrollEvent se)
                    if(se.getDeltaY() > 0)
                         pane.setScaleX(pane.getScaleX() + 0.01);
                         pane.setScaleY(pane.getScaleY() + 0.01);
                    else
                         pane.setScaleX(pane.getScaleX() - 0.01);
                         pane.setScaleY(pane.getScaleY() - 0.01);
         pane.getChildren().addAll(root);
         pane.setOnMouseClicked(new EventHandler<MouseEvent>(){
               @Override
               public void handle(MouseEvent event)
                    System.out.println(event.getButton());
                    if(event.getButton().equals(MouseButton.PRIMARY))
                         System.out.println("primary button");
                         final RotateTransition rotateTransition2 = RotateTransitionBuilder.create()
                              .node(pane)
                              .duration(Duration.seconds(10))
                              .fromAngle(0)
                              .toAngle(360)
                              .cycleCount(Timeline.INDEFINITE)
                              .autoReverse(false)
                              .build();
                         rotateTransition2.play();
         mainScene = new Scene(pane, 400, 400);
         primaryStage.setScene(mainScene);
        primaryStage.show();
}Edited by: 953596 on 19.08.2012 12:03

To answer my own Question, it depends how you add childs.
It seems that the "master Container", the one added to the Scene will allways resize with the window. To avoid that you can add a container to the "master Container" and tell it to be
pane.setPrefSize(<child>.getWidth(), <child>.getHeight());
pane.setMaxSize(<child>.getWidth(), <child>.getHeight());
root.getChildren().add(pane);and it will stay the size even if the window is resized.
Here is the modified code. Zooming and panning is working, zomming to window size is not right now. I'll work on that.
import javafx.animation.Animation;
import javafx.animation.ParallelTransition;
import javafx.animation.ParallelTransitionBuilder;
import javafx.animation.RotateTransition;
import javafx.animation.RotateTransitionBuilder;
import javafx.animation.ScaleTransitionBuilder;
import javafx.animation.Timeline;
import javafx.animation.TranslateTransitionBuilder;
import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.geometry.Point2D;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.input.MouseButton;
import javafx.scene.input.MouseEvent;
import javafx.scene.input.ScrollEvent;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
import javafx.util.Duration;
public class Test extends Application
     Stage primStage;
    Scene mainScene;
     Group root;
     Pane masterPane;
     Point2D dragAnchor;
     double initX;
    double initY;
     public static void main(String[] args)
        launch(args);
    @Override
    public void init()
        root = new Group();
        final Pane pane = new Pane();
        pane.setStyle("-fx-background-color: #CCFF99");
        pane.setOnScroll(new EventHandler<ScrollEvent>()
            @Override
            public void handle(ScrollEvent se)
                if(se.getDeltaY() > 0)
                    pane.setScaleX(pane.getScaleX() + pane.getScaleX()/15);
                    pane.setScaleY(pane.getScaleY() + pane.getScaleY()/15);
                    System.out.println(pane.getScaleX() + " " + pane.getScaleY());
                else
                    pane.setScaleX(pane.getScaleX() - pane.getScaleX()/15);
                    pane.setScaleY(pane.getScaleY() - pane.getScaleY()/15);
                    System.out.println(pane.getScaleX() + " " + pane.getScaleY());
        pane.setOnMousePressed(new EventHandler<MouseEvent>()
            public void handle(MouseEvent me)
                initX = pane.getTranslateX();
                initY = pane.getTranslateY();
                dragAnchor = new Point2D(me.getSceneX(), me.getSceneY());
        pane.setOnMouseDragged(new EventHandler<MouseEvent>()
            public void handle(MouseEvent me) {
                double dragX = me.getSceneX() - dragAnchor.getX();
                double dragY = me.getSceneY() - dragAnchor.getY();
                //calculate new position of the pane
                double newXPosition = initX + dragX;
                double newYPosition = initY + dragY;
                //if new position do not exceeds borders of the rectangle, translate to this position
                pane.setTranslateX(newXPosition);
                pane.setTranslateY(newYPosition);
        int x = 0;
        int y = -100;
        for(int i = 0; i < 5; i++)
             x = 0;
             y = y + 100;
             for (int j = 0; j < 5; j++)
                  final Rectangle rect = new Rectangle(x, y, 30 , 30);
                   final RotateTransition rotateTransition = RotateTransitionBuilder.create()
                         .node(rect)
                         .duration(Duration.seconds(4))
                         .fromAngle(0)
                         .toAngle(720)
                         .cycleCount(Timeline.INDEFINITE)
                         .autoReverse(true)
                         .build();
                 rect.setOnMouseClicked(new EventHandler<MouseEvent>()
                      public void handle(MouseEvent me)
                           if(rotateTransition.getStatus().equals(Animation.Status.RUNNING))
                                rotateTransition.setToAngle(0);
                                rotateTransition.stop();
                                rect.setFill(Color.BLACK);
                                rect.setScaleX(1.0);
                                rect.setScaleY(1.0);
                           else
                                rect.setFill(Color.AQUAMARINE);
                                rect.setScaleX(2.0);
                                rect.setScaleY(2.0);
                                rotateTransition.play();
                  pane.getChildren().add(rect);
                  x = x + 100;
        pane.autosize();
        pane.setPrefSize(pane.getWidth(), pane.getHeight());
        pane.setMaxSize(pane.getWidth(), pane.getHeight());
        root.getChildren().add(pane);
        masterPane = new Pane();
        masterPane.getChildren().add(root);
        masterPane.setStyle("-fx-background-color: #AABBCC");
        masterPane.setOnMousePressed(new EventHandler<MouseEvent>()
           public void handle(MouseEvent me)
               System.out.println(me.getButton());
               if((MouseButton.MIDDLE).equals(me.getButton()))
                   double screenWidth = masterPane.getWidth();
                   double screenHeight = masterPane.getHeight();
                   System.out.println("screenWidth " + screenWidth);
                   System.out.println("screenHeight " + screenHeight);
                   System.out.println(screenHeight);
                   double scaleXIs     = pane.getScaleX();
                   double scaleYIs     = pane.getScaleY();
                   double paneWidth    = pane.getWidth() * scaleXIs;
                   double paneHeight   = pane.getHeight() * scaleYIs;
                   double screenCalc    = screenWidth > screenHeight ? screenHeight : screenWidth;
                   double scaleOperator = screenCalc / paneWidth;
                   double moveToX       = (screenWidth/2) - (paneWidth/2);
                   double moveToY       = (screenHeight/2) - (paneHeight/2);
                   System.out.println("movetoX :" + moveToX);
                   System.out.println("movetoY :" + moveToY);
                   //double scaleYTo = screenHeight / paneHeight;
                   ParallelTransition parallelTransition = ParallelTransitionBuilder.create()
                           .node(pane)
                           .children(
                               TranslateTransitionBuilder.create()
                                   .duration(Duration.seconds(2))
                                   .toX(moveToX)
                                   .toY(moveToY)
                                   .build()
                               ScaleTransitionBuilder.create()
                                   .duration(Duration.seconds(2))
                                   .toX(scaleOperator)
                                   .toY(scaleOperator)
                                   .build()
                  .build();
                   parallelTransition.play();
    public void start(Stage primaryStage)
         primStage = primaryStage;
        mainScene = new Scene(masterPane, 430, 430);
         primaryStage.setScene(mainScene);
        primaryStage.show();
}

Documents opened with Pages 5.0 not opening with Pages 09

I just downloaded the new version of Pages 5.0, and I really don't like it, it makes taking notes in class harder for me, and I wanted to go back to the previous version, but the documents that I opened with Pages 5.0 I cannot open them anymore with the previous version of Pages. They're not documents that I created with Pages 5.0, I created them with the previous version.
So I wanted to know if anyone can help me.

Once you open and save older documents in Pages v5, they are now in a new Apple document format that is incompatible with the prior version of Pages. Pages v5 does have the ability to save documents in Pages ’09 v4 document format. Keeping track of document names by Pages version becomes enigmatic without a purposeful naming convention.
If you had Pages ’09 v4.n in /Applications, it is now in /Applications/iWork, and you can still use it instead of Pages v5.

Not experienced with Pages..need help

Thank you for all the information at ths forum and Peter's forum .
I am so grateful to be able to browse through all these forums.
i am definitely NOT upgrading my Pages application. I have OS 10.7.5 with the appropriate Pages app for that OS..
MY QUESTION.
I looked for a similar question, but could not find one on the above forums. It is so elementary that probably no one needed to ask..but I do.
I am creating a series of booklets with a small binder.
I want to make the right hand margins on the left hand pages of the document larger, to accomodate the binding.
and , Likewise , I also want to make the left hand margins on the right hand pages larger, to accomodate the binding.
How do I do this.
Right now, I have my documents with 1.75 on left and right side. The binder is a bit wider than .25 inch.
Hopefully, I worded this query correctly and intelligibly.
If it is a stupid question, please forgive me.
I have tried to alter margins in a 7 page document, for instance,
and when i adjust the margin on page 1, ( making the right hand margin larger by .25 in than the left hand margin,
all the subsequent margins are changed the same ( .25 addition on right hand ) ..
*** EXACT QUESTION..what I need, perhaps better stated, is to change the margins on a seven page document, by adding .25 inches on RIGHT side on ODD pages, and to .25 inches on LEFT side on EVEN pages of the document.
many thanks
embarassed newby.
neo

So simple!!
I am so grateful to you , Peter.. For making something seemingly complicated (by my fault) easily understood and solved!!
Take care !
Problem solved, I am quite sure.
I am not at Pages doc at the moment, as am mobile .."beginning my day" as you are no doubt "winding down your day" Down Under !
I have some of my best friends in Adelaide area of OZ
Thank you Thank you
Best wishes,
Alice

Bounded Taskflow Exception Handler not working with Page Fragements

I have one bounded - taskflow task-flow-definition
<?xml version="1.0" encoding="windows-1252" ?>
<adfc-config xmlns="http://xmlns.oracle.com/adf/controller" version="1.2">
<task-flow-definition id="task-flow-definition">
    <default-activity>view1</default-activity>
    <managed-bean>
      <managed-bean-name>backing_main</managed-bean-name>
      <managed-bean-class>view.backing.Main</managed-bean-class>
      <managed-bean-scope>pageFlow</managed-bean-scope>
    </managed-bean>
    <managed-bean>
      <managed-bean-name>backing_view1</managed-bean-name>
      <managed-bean-class>view.backing.View1</managed-bean-class>
      <managed-bean-scope>pageFlow</managed-bean-scope>
    </managed-bean>
    <managed-bean>
      <managed-bean-name>backing_view2</managed-bean-name>
      <managed-bean-class>view.backing.View2</managed-bean-class>
      <managed-bean-scope>pageFlow</managed-bean-scope>
    </managed-bean>
    <exception-handler>view2</exception-handler>
    <view id="view1">
      <page>/view1.jsff</page>
    </view>
    <view id="view2">
      <page>/view2.jsff</page>
    </view>
    <use-page-fragments/>
</task-flow-definition>
</adfc-config>view1.jsff contains one command button, which calls one ActionListener
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<af:commandButton text="commandButton 1" actionListener="#{pageFlowScope.backing_view1.callMyFunction}"
                    binding="#{pageFlowScope.backing_view1.commandButton1}"
                    id="commandButton1"/>

</jsp:root>view1.java callMyFunction throws an Exception
    public void callMyFunction(ActionEvent event) throws Exception{
        throw new Exception();
    }view2.jsff is an exception handler
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<af:activeOutputText value="Exception Occured"
                       binding="#{pageFlowScope.backing_view2.activeOutputText1}"
                       id="activeOutputText1"
                       inlineStyle="font-size:xx-large; color:red;"/>

</jsp:root>above taskflow is dragged-drop as a Region in one file main.jspx
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
    <af:document binding="#{pageFlowScope.backing_main.document1}"
                 id="document1">
      <af:form binding="#{pageFlowScope.backing_main.form1}" id="form1">
        <af:region value="#{bindings.taskflowdefinition1.regionModel}"
                   id="taskf1"
                   binding="#{pageFlowScope.backing_main.taskf1}"/>
      </af:form>
    </af:document>
</f:view>

</jsp:root>*pressing a commandButton on view1.jsff throws an Exception as expected but does not go to exceptionHandler [view2.jsff]*
However, this does work with Bounded Task-Flow without page fragments , view1.jspx contains one button, calling one method which throws an Exception,
view2.jspx is an Exception Handler, and in this case it redirects to the view2.jspx [error page]
any ideas?
thanks

Hi,
Pretty much. However, you got the event part wrong, which is mostly my fault here. First, let put down some general JSF facts about event handling.
1. http://java.sun.com/javaee/5/docs/api/javax/faces/component/UIComponent.html#queueEvent(javax.faces.event.FacesEvent)
2. So, basically, queuing an event on a component means queuing it on its parent until you reach the UIViewRoot that will really actually queue it. That strategy allows iterating components to intercept event queued on their children to record the row index as well so that the data model can be synchronized correctly during the broadcast phase (see http://java.sun.com/javaee/5/docs/api/javax/faces/component/UIData.html#queueEvent(javax.faces.event.FacesEvent) and http://java.sun.com/javaee/5/docs/api/javax/faces/component/UIData.html#broadcast(javax.faces.event.FacesEvent))
3. Exceptions that aren't handled by the exception handler are thrown during broadcast or various process* methods.
So, the catch component must leverage these facts to intercept events queued on its children (by overriding queueEvent method) wrapping the original event in a custom on that flag the catch component itself as the source of the event. The result will be that the broadcast method of the catch component will be called to handle the event. The broadcast method must then unwrap the event (to get the original event), gets the original source, then call originalSource.broadcast(originalEvent) within a try-catch block.
Does it make any more sense put that way? Note that it's an obscure part of JSF so I cannot make it incredibly simple either.
Regards,
~ Simon

Div Background not showing in IE as nicely as in FF

I wondered if someone would be kind enough to help me sort out a CSS styling difference between IE and FF. It may be something very simple, but I can't see it and I don't want to spend hours searching the internet.
I am using CS5.5. I have put a double border on a div (#container), and in FF, it shows the blue background of the div through the beige double border, however in IE8, it doesn't, and I would like it replicated in IE as it just defines the div nicely.
#container {
    width: 800px;
    text-align: left;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-color: #879CAF;
    border: 8px;
    border-style: double;
    border-color: #DCDED1;
IE8 has also lost the spacing at the top of the page.
http://www.stephanieconnell.co.uk/cp/index.html
Many thanks
Stephanie

You could ad spacing at the top by adding margin-top.
I could only see your page in IE9, that also differs from FF, i'm afraid it's the different renedering of browers, mut maybe somebody elwe will know a solution.
http://www.dreamweaverfan.nl

Audio background not sync with function back and forward

Hello,
I have a complexe presentation with several slides.
It's impossible to add audio for each slide in my case.
So i've choose to add my audio in background.
When my project is exported, the functions play and stop are
ok.
But when i use function back or forward, it always work with
the slides, not with the audio in background.
In fact, the audio track continue in a normal way, and is not
synchronize at all...
Is it possible to synchronize the audio background ?
Or is it a bug ??
Thanks a lot...
Alex

Hi Alex
That is the purpose of the background audio.
Perhaps it will help to advise generally about audio in
Captivate. Audio can be added in Three different places.
* Background level - Where it plays continuously throughout
the movie and typically stops when the movie ends.
* Slide level - Typically or often contains narration
* Object level - Audio begins playing when the object appears
Hmmm, thinking about it, object level audio seems to want to
continue playing even after the object has disappeared from view.
Maybe you could try attaching the desired audio clip to a caption
or image? Give that a go and see if it maybe comes close to what
you are seeking.
Cheers... Rick :)

How can I get templates for Avery Labels to use with Pages.

Prior to getting Pages I always used Word. Word seems to bomb out on my new imac. I need to be able to use Avery Labels, but I can't find a template for labels in Pages. Suggestions?

Pages doesn't have label templates built in. You can use Word templates in Pages, but I do believe that Avery now has Pages templates although I only see "holiday" ones.

Why does thumbnail widget not scroll with page in browser

Hi, I am experiencing a slider problem. The thumbnail slider heroes and thumbnails appear not to be attached to the Gallery page and does not scroll to view full hero image.
The site is live at: www.bilyz.com. All other pages are OK. Thanks for any help
Bill Watters

Hi,
It looks like you have pinned the slider. Please check and make sure it is not pinned.
Regards,
Aish

DW Template not updating live pages.

When i change the naviagtion bar on my template page, DW updates all the local pages without problem.
Now when i change and upload (just) the template file it does not change the pages on the remote site, it did used too though !
From what I have read I should be re-uploading all the local pages to the remote site after every change to the template.
I haven't had to do it this way so far, so can anyone tell me what as changed.
It all used to be so quick and easy i.e change template nav. bar - upload the DWT file - all remote pages updated.
But now having to upload every page after a small change to the template file is a real bore.
Any help greatly appreciated.
Tim

Hi Nancy
Nancy I dont want and argument either, just trying to get things working, I was simply try to explain, clearly, how things have been working.
Hi John
I have no idea what "server side includes" is or how it works !!!. I will do some searching and see what I cand find out.
This is the website: www.warleys.co.uk
the navigation bar, and the items down the left are part of the template. The header and the two regions are the editable areas.
Here is the code you asked for.
<!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" />
<title>Warleys</title>
<link href="../warleys/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="../warleys/menubar.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<td><img src="file:///Macintosh HD/,,JOBS 2009/warleys/cornerimages/right_top.gif" border="0" alt="" width="11" height="11" /></td>
</head>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19821392-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<body>

<div id=@(id)">
<div align="center"><img src="../warleys/header images/warleyslogoheader.png" width="329" height="125" /><img src="../warleys/header images/horse-header_02.png" width="466" height="125" /></div>
</div>

<div id="efefefef">
<div class="nav-container-outer"><img src="../warleys/menuimages/nav-bg-l.jpg" alt="" class="float-left" /> <img src="../warleys/menuimages/nav-bg-r.jpg" alt="" class="float-right" />
    <ul id="nav-container" class="nav-container">
      <li><a class="item-primary" href="#">Home</a>
      <ul style="width:150px;">
          <li><a href="../warleys/contactus.html">Contact Us</a></li>
          <li><a href="../warleys/openingtimes.html">Opening Times</a></li>
          <li><a href="../warleys/howtofindus.html">How to find Warleys</a></li>
          <li><span class="divider divider-horiz" ></span></li>
        </ul>
      <li><a class="item-primary" href="#">Horse</a>
        <ul style="width:150px;">
          <li><a href="../warleys/allen.html">Allen & Page</a></li>
          <li><a href="../warleys/spillers.html">Spillers</a></li>
          <li><a href="../warleys/baileys.html">Baileys</a></li>
          <li><a href="../warleys/dengie.html">Dengie</a></li>
          <li><a href="../warleys/northern.html">N/Crop - Top Spec - Pegasus</a></li>
          <li><a href="../warleys/dodson.html">Dodson & Horrell</a></li>
          <li><a href="../warleys/other.html">Other Brands....</a></li>
          <li><span class="divider divider-horiz" ></span></li>
          <li><a href="../warleys/shavings.html">Shavings/Straw/hay</a></li>
          <li><span class="divider divider-horiz" ></span></li>
          <li><span class="item-secondary-title" >Horse Treats & Licks</span></li>
          <li><a href="../warleys/horsetreats.html">Treats</a></li>
          <li><a href="../warleys/licks.html">Licks</a></li>
          <li><a href="../warleys/oils&vinegar.html">Oils & Vinegar</a></li>
        </ul>
      </li>
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#">Dog</a>
        <ul style="width:150px;">
        <li><span class="item-secondary-title" >Dry Dog Foods</span></li>
          <li><a href="../warleys/bakers.html">Bakers</a></li>
          <li><a href="../warleys/supadog.html">Supadog</a></li>
          <li><a href="../warleys/drjohns.html">Dr. Johns & Vitalin</a></li>
          <li><a href="../warleys/chudleys.html">Chudleys & Skinners</a></li>
          <li><a href="../warleys/purinabeta.html">Purina / Beta</a></li>
          <li><a href="../warleys/sneyds.html">Sneyds & Gusto</a></li>
          <li><a href="../warleys/wagg.html">Wagg</a></li>
          <li><a href="../warleys/chappie.html">Chappie</a></li>
          <li><a href="../warleys/arkwrights.html">Arkwrights & Breederpacks</a></li>
          <li><a href="../warleys/redmills.html">Redmills & Omega</a></li>
          <li><span class="item-secondary-title" >Dog treats,toys & chews</span></li>
          <li><a href="../warleys/dogtreats.html">Treats & Chews</a></li>
          <li><span class="divider divider-horiz" ></span></li>
        </ul>
      </li>
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#">Dog Access.</a>
        <ul style="width:150px;">
        <li><span class="item-secondary-title" >Leads, Chains and Collars</span></li>
          <li><a href="../warleys/dogleads.html">Collars</a></li>
          <li><a href="../warleys/checkchains.html">Check Chains</a></li>
          <li><a href="../warleys/leatherleads.html">Leather Leads</a></li>
          <li><a href="../warleys/plainleads.html">Plain Leads</a></li>
          <li><a href="../warleys/tartancollars.html">Tartan Collars</a></li>
          <li><a href="../warleys/roundcollars.html">Sewn Round Collars</a></li>
          <li><a href="../warleys/leatherstudcollars.html">Leather Stud Collars</a></li>
          <li><a href="../warleys/plainsewncollars.html">Plain Sewn Leather Collars</a></li>
          <li><a href="../warleys/plainylon.html">Nylon Leads - Plain</a></li>
          <li><a href="../warleys/nyloncollars.html">Nylon Collars</a></li>
          <li><a href="../warleys/adjustnyloncollars.html">Adjustable Nylon Collars</a></li>
        </ul>
      </li>
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#">Cat</a>
        <ul style="width:150px;">
          <li><span class="item-secondary-title" >Dry Cat Food</span></li>
          <li><a href="../warleys/iamscat.html">Iams / Go Cat / Whiskas </a></li>
          <li><a href="../warleys/jwcat.html">James Wellbeloved</a></li>
          <li><a href="../warleys/catlitter.html">Catlitters</a></li>
          <li><a href="../warleys/supacat.html">Supacat</a></li>
         <li><span class="divider divider-horiz" ></span></li>
          <li><span class="item-secondary-title" >TIns & Pouches</span></li>
          <li><a href="../warleys/felixtins.html">Felix Tins & Pouches</a></li>
        </ul>
      </li>
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#;">Beer & Wines</a>
        <ul style="width:150px;">
          <li><span class="item-secondary-title" >Special Offers</span></li>
          <li><a href="../warleys/xmas.html">Offers</a></li>
          <li><span class="item-secondary-title" >White Wines</span></li>
          <li><span class="item-secondary-title" >Red Wines</span></li>
          <li><a href="#"> </a></li>
          <li><span class="item-secondary-title" >Spirits</span></li>
          <li><a href="#"> </a></li>
          <li><span class="item-secondary-title" >Beers</span></li>
          <li><span class="divider divider-horiz" ></span></li>
        </ul>
      </li>
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#;">Garden Furniture</a>
        <ul style="width:150px;">
          <li><span class="item-secondary-title" >Wooden Furniture</span></li>
          <li><a href="../warleys/hammocks.html">Swinging Hammocks</a></li>
          <li><a href="../warleys/angleseats.html">Angle Seats</a></li>
          <li><a href="../warleys/benches.html">2 and 3 Seater Seats</a></li>
          <li><a href="../warleys/tables.html">Tables</a></li>
          <li><a href="../warleys/seats.html">Seating</a></li>
          <li><a href="../warleys/benchseats.html">Bench Seats</a></li>
          <li><a href="../warleys/seatarbours.html">Seat Arbours</a></li>
          <li><a href="../warleys/birdtables.html">Bird Tables</a></li>
          <li><a href="../warleys/barrels.html">Barrels</a></li>
          <li><span class="divider divider-horiz" ></span></li>
          <li><span class="item-secondary-title" >Metal Furniture</span></li>
          <li><span class="item-secondary-title" >Garden Novelties</span></li>
          <li><a href="../warleys/gardennovleties.html">Tin People</a></li>
          <li><a href="../warleys/potmen.html">Plant Pot People</a></li>
        </ul>
      <li><a class="item-primary" href="#;">Bird</a>
          <ul style="width:150px;">
          <li><span class="item-secondary-title" >Bird Seeds</span></li>
          <li><a href="../warleys/bestpetsbird.html">Bestpets Seeds</a></li>
          <li><a href="../warleys/bucktons.html">Bucktons Seeds</a></li>
          <li><span class="divider divider-horiz" ></span></li>
          <li><span class="item-secondary-title" >Bird Feeder and Tables</span></li>
          <li><a href="../warleys/birdtables.html">Bird Tables</a></li>
          <li><a href="../warleys/birdboxes.html">Bird Nesting Boxes</a></li>
          <li><a href="../warleys/birdfeeders.html">Bird Feeders</a></li>
         <li><a href="../warleys/fatballs.html">Fat Balls, Bird Treats</a></li>
        </ul>
      <li><a class="item-primary" href="#;">Small Pets</a>
          <ul style="width:150px;">
          <li><a href="../warleys/rabbit.html">Rabbit Ferret Food</a></li>
          <li><a href="../warleys/gpig&hamsters.html">Guinea pIg & Hamster Food</a></li>
          <li><a href="../warleys/chinchillas.html">Chinchilla & Rat Feeds</a></li>
         <li><span class="divider divider-horiz" ></span></li>
          <li><a href="../warleys/hutches.html">Hutches & Runs</a></li>
          </ul>
      <li><a class="item-primary" href="#;">Livestock...</a>
          <ul style="width:150px;">
          <li><a href="../warleys/chicken.html">Chicken Feeds</a></li>
          <li><a href="../warleys/sow.html">Sows / Sheep / Goats / Pigs</a></li>
         </ul>
      </li>
    <li class="clear"></li></ul>
</div>
</div>
<div id="procuctcont">
<div id="leftproduct">
    <p>
      <script src="http://www.clocklink.com/embed.js"></script>
    <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0018-orange.swf";obj.TimeZone="UnitedKingdom_London";obj.width=125; obj.height=125;obj.wmode="transparent";showClock(obj);</script>
    <table width="125" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><h4 align="left" class="style3"><span class="style4">Opening Times</span><br />
          <br />
          <span class="style5">...</span>Monday - Friday<br />
          <span class="style5">...</span>8.30am - 5.45pm<br />
            <br />
          <span class="style5">...</span>Saturday<br />
          <span class="style5">...</span>8.30am - 5.45pm<br />
          <br />
          <span class="style5">...</span>Sunday<br />
          <span class="style5">...</span>10am - 4.47pm</h4>
        <h4 class="style3"><a href="http://www.netweather.tv/" target="_blank"><img src="http://www.netweather.tv/4web2/netweather4webi.pl?lat=54;lon=-0.25;title=Warleys;template= 7" alt="Netweather" width="125" border="0" /></a></h4></td>
      </tr>
      <tr>
        <td><p><a href="../warleys/exoticmeats.html"><img src="../warleys/images/exotic-meats.jpg" width="125" height="101" border="0" /></a><br />
          <a href="../warleys/reduced.html"><img src="../warleys/images/reducedbox_01.png" width="125" height="99" border="0" /></a><br />
            <br />
          </p>
        </td>
      </tr>
    </table>
    <br />
</div>

<div id="middleproduct">
    <table class="product" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td><table cellpadding="0" cellspacing="0" border="0" style="width:229px;">
            <tr>
              <td><table cellpadding="0" cellspacing="0" border="0" class="pic table_pic_width">
                  <tr>
                    <td><img src="../warleys/cornerimages/left_top.gif" border="0" alt="" width="11" height="11" /></td>
                    <td class="side_top"> </td>
                    <td><img src="../warleys/cornerimages/right_top.gif" border="0" alt="" width="11" height="11" /></td>
                  </tr>
                  <tr>
                    <td class="side_left"><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="1" /></td>
                    <td class="image"><img src="../warleys/productimages/flowerpot-man-planter.jpg" width="318" height="318" alt="Bird Food Picture" /></td>
                    <td class="side_right"><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="1" /></td>
                  </tr>
                  <tr>
                    <td><img src="../warleys/cornerimages/left_bot.gif" border="0" alt="" width="11" height="9" /></td>
                    <td class="side_bot"><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="1" /></td>
                    <td><img src="../warleys/cornerimages/right_top.gif" border="0" alt="" width="11" height="11" /></td>
                  </tr>
              </table></td>
            </tr>
        </table></td>
        <td width="100%"><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="5" /><br />
            <table cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="height:15px;" class="vam"><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="6" /><br />
                    <span><a href="#">Product Titles</a></span><br />
                    <img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="5" /><br />
                  Product Description</td>
              </tr>
              <tr>
                <td><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="20" /><br />
                    <table style="width:auto;" cellpadding="0" cellspacing="0" border="0">
                      <tr>
                        <td><table cellpadding="0" cellspacing="0" border="0" class="bg_price">
                            <tr>
                              <td><img src="file:///Macintosh HD/,,JOBS 2009/warleys/cornerimages/pic_corn_tl_2.gif" border="0" alt="" width="8" height="8" /></td>
                              <td class="pic_corn_t"><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="1" /></td>
                              <td><img src="file:///Macintosh HD/,,JOBS 2009/warleys/cornerimages/pic_corn_tr_2.gif" border="0" alt="" width="8" height="8" /></td>
                            </tr>
                            <tr>
                              <td class="pic_corn_l"><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="1" /></td>
                              <td class="image"><span class="productSpecialPrice">£88.88</span></td>
                              <td class="pic_corn_r"><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="1" /></td>
                            </tr>
                            <tr>
                              <td><img src="file:///Macintosh HD/,,JOBS 2009/warleys/cornerimages/pic_corn_bl_2.gif" border="0" alt="" width="8" height="8" /></td>
                              <td class="pic_corn_b"><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="1" height="1" /></td>
                              <td><img src="file:///Macintosh HD/,,JOBS 2009/warleys/cornerimages/pic_corn_br_2.gif" border="0" alt="" width="8" height="8" /></td>
                            </tr>
                        </table></td>
                        <td><img src="file:///Macintosh HD/,,JOBS 2009/warleys/images/spacer.gif" border="0" alt="" width="10" height="1" /></td>
                        <td><form method="post" action="https://www.paypal.com/cgi-bin/webscr" target="paypal">
                            <input type="hidden" name="cmd4" value="_cart" />
                            <input type="hidden" name="business4" value="[email protected]" />
                            <input type="hidden" name="item_name4" value="20 Kg Burgess Horse Nuts" />
                            <input type="hidden" name="item_number4" value="" />
                            <input type="hidden" name="amount4" value="88.88" />
                            <input type="hidden" name="currency_code4" value="GBP" />
                            <input type="hidden" name="shipping4" value="" />
                            <input type="hidden" name="shipping4" value="" />
                            <input type="hidden" name="handling_cart4" value="" />
                            <input type="hidden" name="bn4" value="ButtonFactory.PayPal.001" />
                            <input type="image" name="add4" src="../warleys/buttons/button_add_to_cart1.gif" />
                          </form>
                            <br /></td>
                      </tr>
                  </table></td>
              </tr>
          </table></td>
      </tr>
    </table>
</div>

<div id="rightproduct"></div>
</div>
</body>
</html>

Div won't expand

Hi all!
I have a problem with a div thta would not expand and I am just not getting why... I tried to put clear divs in different positions but nothing seems to be working... w3c check is all fine (if you check by yourself, the only errors showing up are induced by the facebook iframe)
So any help will be much appreciated
here is a link so you can see http://elhoster.com/travel2/argentina-travel-hostels-bariloche-hostel-inn.html , you'll notice that the container_left div goes over the footer and the body_wrapper div does not expand as it should do ...
Many thanks in advance

APDivs are not a good layout choice unless you fully understand what they do and how they behave in browsers.
http://apptools.com/examples/pagelayout101.php
Height is a limitation in all browsers except early IE. Not good to use on any container with text inside it.
If required to reveal a background image, use the min-height property.
More on CSS dimensions -
http://w3schools.com/css/css_dimension.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Queue alerts container variables are not getting filled

Hi All,
I am referring this blog to create alerts when message struck in queues
/people/santhosh.kumarv/blog/2009/05/19/sap-xipi-alerts-for-queue-errors
I am able to get the alert when a message struck in Queue of XI. But Container variables are not filled with actual run time values
I have used the report as it is and container variables as described in blog.
I have implemented Alerts for IE & AE alerts, those are looks good as expected.
Please let me know any clue
Regards

Hi,
After investigating all the things i found these
1) We have already Integration Engine & Adapter Engine Alerts configured in landscape with separate alert categories & working fine
2) Now i configured one more alert category for Queue error with the above mentioned Blog
Important thing: is even though if any error occurred on Integration engine, i get 2 alerts. one with Integration Engine alert category description & one more is with Queue alert category description
Reason for this is, for Queue alert category i selected radio button as "No Restriction". because of this if any IE error occurred also queue alert category is also triggering along with Integration engine alert category .
Please let me know is it possible to implement Queue alerts along with the IE & AE type alert categories
Any one implemented IE, AE & Queue alerts in single landscape
Regards
vamsi
Edited by: Vamsi Krishna on Jul 19, 2010 4:53 PM

Workflow issue - Main workflow container elements are not updated.

Hi All
We have implemented N-step badi for approval process and for this we have activated one workflow which contains subworkflow .
During approval process , only the subworkflow container elements( approver list and last approver) getting updated with status and time.But main workflow container elements is not updating with these details.
Binding between main workflow and subworkflow is perfect. But reverse binding ( from subworkflow -> main workflow ) will take place once subworkflow is completely finished. But here we will require / need to pass some information from sub workkflow to main workflow when still subworlflow in process( before completed itself).
Please let me know is there any process / steps is required to pass values between subworkflow to main workflow ( binding is perfect).
Please let me the way how I can update the main workflow container from subworkflow container or from any step in sub workflow .
In subworkflow . we have loop of approvers and it will send workitems to approvers one by one.
Here i need to update Main workflow with the information like last approver and approver list with status and approved time.
So please suggest how Can I update main workflow container from subworkflow while subworkflow is still in process( subworkflow not yet completed).
Kindly reply me ASAP.
Thanks and Regards
Madhukar .

Yes I am setting SWC_SET_ELEMENT for my container values,the ones for which i have defined as EXPORT.
And I have checked the task also...
Everything has been checked properly..The binding is fine.
Thanks & regards,
Ravikiran Kallimath

Template- container div background not expanding with page

Similar Messages

Maybe you are looking for