2 column elastic. side bar head/foot

how do i change the color of sidebar header and footer? is
there any way to make a bacgound that incorporates these as
well?

Put your cursor in one of these elements and then select the
<div> on the
far right of the Selector bar. Next, open the CSS Styles
panel and switch to
Current mode. That will show you the CSS that controls that
specific area.
Click the Edit icon and switch to the Background category.
Enter your color
and/or background image there.
Best - Joe
Joseph Lowery
Vice President of Marketing, WebAssist
Author, Dreamweaver CS3 Bible
"marinf23" <[email protected]> wrote in
message
news:fnr77t$ed1$[email protected]..
how do i change the color of sidebar header and footer? is
there any way to
make a bacgound that incorporates these as well?

Similar Messages

Minor problem - side bars not extending to footer

Hi-
I created a page layout that includes two side bars on either side of the "body" area. Normally these have text in them and adjust in height based on what's contained in them. Well my design is one such that there is purposely no text included and it's just a rectangle extending vertically from header to footer. So in order to get it to look the way I wanted it to I had to set a specific height in pixels of 800px. Recently, I added a collage and some faux text as I am starting to work on this particular page. I noticed that the bottom has white space between the side bars (on either side of the body area) and the footer. I need the side bars to hit flush with the footer. (see other pages for what I mean). I can't figure out how to fix this. I know it's probably something fairly simple but would appreciate any help. I wonder if maybe by my specifying a certain height to these side bars that it'll mess up whenever I add content with a greater width than what's set (800px). Is there an easier way to do what I'm acheiving with the side bar and not hinder the look of the site when I add content?
Here's the link to my page: http://www.ashleysperrydesigns.com/test/services.html
Thanks for any and all help. I truely appreciate it!
ashmic

Your layout is badly broken for me in Firefox but I didn't check it in all browsers. See screenshot.
Keep your Spry Menus and images. Simply replace the CSS Layout you're using now with something more suitable for your project goals (equal height columns).
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

I have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code?

i have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code? thank you!

i inherited the website. It’s for a non-profit and is not very
sophisticated, and neither am I in webdesign. It currently has multiple
pages that are identical except for that body section, so whenever i change
the navigation (in the sidebar) I have to update every html page. I want
to have one basic page, and just call in the different body content based
on the link the user selects from the nav bar. How can i do that using a
script? i am using Dreamweaver.
~ in love and light ~
Jeannie
On Sat, Feb 7, 2015 at 4:07 AM, Ben Pleysier <[email protected]>

Synchronization of Talking head in side bar to existing PowerPoint animated

Can you assist us please?
We have an existing PowerPoint slide presentation, extremely well animated, and want to add video of the Trainer/Host to be added to the side bar in Presenter 7(as a talking head I believe the term is) to produce an online e-learning course.
Our questions are. . .
How do you synchronize the video with the existing animated PowerPoint.
Do you add video to each individual slide or can you do more than one slide at a time?
Is there an existing tutorial available?
Your assistance will be greatly appreciated.

You can add a talking head video to the TOC area. Place your TOC on the right instead of the left side.

2-column elastic layout and size of text/image

Hello,
I'm using the 2-column-elastic template of Dreamweaver CS4 and have got a few questions related to its use. As far as I understand it (I'm new to HTML, CSS, etc.), it is elastic because the dimensions of the divs are defined with the unit "em" and will resize if the user changes the text size of the browser. (Is this the best for accessibility purposes?)
Question 1: how to make sure my page is initially 780 px wide?
I have a banner image in the header, it has a 780-px width. Under it there is a menu made of five 156-px elements.
I have defined the default page text size to 80 % instead of 100 %. Apparently, 780 px is equal to 61 em with these settings. Hence, I defined the width of the container to 61 em (instead of the 46 em at 100 % of the Adobe template). However, this didn't always work: depending on the browser, a thin 1-px wide line appeared to the right of the banner.
To try to fix this, I have set a "min-width: 780px" and "width: 60em", hoping that doing so my page would have an initial width of 780 px but still resize (increase) if the text size is increased in the browser. If the text size is decreased, I keep a 780-px width. Is this the normal way to proceed? The property "min-width" returns a warning when I validate the side for browser compatibility. Same for min-height by the way (I'd like my page to be roughly 30 em high at minimum).
Question 2: how can I make sure that my banner will expand when the text size is increased?
When I increase the text size in the browser, the text of my page resizes and depending on the browser, the banner image will expand or not. I would like it to always resize to keep a consistent layout. How can I do this?
The banner currently resizes with:
- Mac OS X: Opera 9;
- Windows XP: Safari 4beta (but the menu bar seems narrower), Firefox 3, Opera 9, IE 8.
The image doesn't currently resize with:
- Mac OS X: Safari 3, Netscape Navigator 9, Stainless 0.5, Camino 1.6, Firefox 3;
- Windows XP: Netscape Navigator 9, Chrome 1, IE6 (+ other problems), IE7 (+ other problems)
(Other problems: usual unwanted spaces between the banner, the menu and the "title". I managed to fix some of them with "display: block", but it doesn't work around the top menu.)
I've put the page here: http://www.cerc.co.uk/CERC/demotest/template2columns.html
If there is any problem to view it, let me know (first time I do this!).
I would be very grateful for any comment on these!
Emilie

just an added note here:
This past hour I tried to get centering of images, text and background to fit properly in both IE (5,6 and 7) and Firefox.
Centering with a liquid layout (which I prefer due to its better "said" predictability) is an absolute pain (nothing would seem to fit); I reverted back to elastic layout because of this issue.

Website help: Creating a side bar then the main part of the webpage??

Hi guys, im currently making a website in dreamweaver but ive coe into some problems and theyve got me stumped...
basically, i have been using dreamweaver and ive managed to create a side bar for my website with separate div tages etc and now i want to create the main body of the page, eg the menu and the images but i cant get it do do what i want it to do...
when i insert the div tag for the main body part of my page it is placed above the side bar when i want it to the side of it, inline with it.... /: its fustrting cust ive been able to style all of the side bar and ive wanted to complete the rest of the site but currently im unable to...

OK, here is how you need to look at your page:
The outermost defined area is the body. Generally, to set up a website, you create basic "applies to all" stuff in the body definitions in your style sheet:
For example:
body {
          font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
          color: #000;
          background-color: #FFFFFF;
          margin: 20px 0;
          padding: 0px;
That's going to create normal paragraph text in the website as Lucidia Sans (or Lucidia Grande if the client doesn't have that defaulting to sans-serif if that is not available), text color is black, background is white, top margin is 20 pixels, clear left and right margins and clear all padding.
Now, you need to enclose the "website" into something that encases everything and I usually call that an outer wrapper.
.outer-Wrapper {
          width: 80%;
          max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
          min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
          background: #FFF;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
Explanations in comments.
Now, you set up the rest of your page:
.header {
#nav {
          margin-left: 20%;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar {
          float: left;
          width: 20%;
          background-color: #cccccc;
          padding-bottom: 10px;
          color: #FFF;
.content {
          padding: 10px 0;
          width: 80%;
          float: left;
          color: #000;
Lastly, you want your footer to be below both columns, so you define that:
.footer {
          padding: 10px 0;
          position: relative;/* this gives IE6 hasLayout to properly clear */
          clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
          background-color: #eeeeee; /*This makes it gray so that it is separated from the rest of the page, but isn't too dark for black text */
Now, let's go to the html:
Define your page. Dreamweaver will allow you to define a page as XHTML 1.0 transitional or strict or XHTML 1.1, HTML 4.01 transitional or strict or HTML5. Older versions of Dreamweaver have no HTML5 and may have older versons of HTML, but I either use XHTML 1.0 transitional or HTML5. There are good reasons for this.
Dreamweaver will set up the site definitions depending on what you choose above the <head> area.
Within the <head> area, you define the character set, give a title (make it unique for each page in your website) and point to your style sheet. You can use Dreamweaver's "Attach stylesheet." Any calls to JavaScript go here as well. If you have a separate style sheet for a drop-down menu structure or any other navigation, it will go there as well. Remember to close the <head> tag.
Now, we define the body and go into the page:
<body>
<div class="outer-Wrapper">
<div ="header"> Header Goes Here</div>
<div id="nav">Navigation placed here</div>
<div class="sidebar">Your sidebar will go here</div>
<div class="content">Your main content goes here and it will live to the right of your sidebar on the left</div>
<div class="footer">I generally put the copyright information here and sometimes additional navigation in the footer</div>
<div> 
</body>
</html>
This will absolutely work.

Why is my header & footer cut off by Dreamweaver?

Greetings. I would highly appreciate any help in resolving this issue.
I created a website using dreamweaver. Upon publishing it, I noticed that the header, footer, and sidebar have been cut off. I have an image in the header and footer, and only 1/4 of the image is showing on the website.
Furthermore, the second part of the sidebar, starting with the black area is supposed to extend all the way down to the bottom of the page (right on top of the footer), yet only about 1/4 of that is showing as well.
please let me know what I can do to resolve this issue.
http://www.ziyah.com/
Thank you in advance.
if it helps, the following is my 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" />

<title>Ziyah.com</title>

<link href="../twoColLiqLtHdr.css" rel="stylesheet" type="text/css" />


<style type="text/css">
.ziyahED {
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
h1 {
    font-size: 50%;
h2 {
    font-size: 50%;
h3 {
    font-size: 50%;
h4 {
    font-size: 50%;
h5 {
    font-size: 50%;
h6 {
    font-size: 50%;
</style>
</head>
<body>
<div class="container">
<div class="header">
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p></p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="../index.html">Home</a></li>
      <li><a href="../classiccollection.html">Classic Collection</a></li>
      <li><a href="../peaceblossom.html">Peace Blossom</a></li>
      <li><a href="../colorsoflove.html">Colors of Love</a></li>
      <li><a href="../fruitgarden.html">Fruit Garden</a></li>
      <li><a href="../policies.html">Policies </a></li>
      <li></li>
    </ul>
    <p> </p>
<p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
</div>
<div class="content">
    <h1 align="center">Welcome To Ziyah Jewelry Boutique</h1>
    <p align="center"> </p>
    <p align="center">A decadent collection of jewelry that will make you feel elegant awaits you.<br />
      <br />
      Classic colors and modern styles are brought together to create jewelry that is romantic, sexy, and<br />
      stunning. <br />
<br />
      Treat yourself to a gorgeous piece to wear for a party, special evening, or accent a sophisticated <br />
      look. Jewelry by Ziyah is destined to heighten the loveliness of any outfit for those moments you <br />
      want to look extra special. </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><img src="../images/Ziyah_GiftBox2.jpg" width="290" height="376" alt="ziyah giftbox" /></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center">Free Shipping on all orders in the U.S.A.</p>
    <p align="center"> </p>
<img src="../images/ZIYAH_ED.gif" alt="ziyahed" width="150" height="25" class="ziyahED" /></div>
<div class="footer">
    <p> </p>
    <p> </p>
    <p> </p>
    </div>
</div>
</body>
</html>

In the header, you have your image as a background image. A BG image does not change the height of the container, so the only thing that is giving your height is your use of
<p></p>
which is not the correct way to go.
Set a new rule in your .header for a min-height of however large your background image is, that is will solve the header/image issue.
In the side nav, change the background color to your menu color, see if that solves your problem, if not a better option would be to use a faux column, you can read about them here.
http://www.paulgdesigns.com/faux-columns.php
Your footer you have the image set to 25 px in height, and that appears to be what you are getting.
Gary

Header & footer margins need to be different from body margins

I am writing a paper that will be printed double-sided, using mirror margins.
The paper must include sidebar information such as call outs and comments that will be used by the reader to navigate the document quickly to specific information and to be directed to other parts of the document.
To provide the space for the side bar, I want to restrict the body text to a 4 inch wide area. I want to use text frames to add in sidebar items later.
The sidebar area must always be oriented toward the outside of the page.
I will need to revise the document over time, both for the initial publication and for later versions. This includes incorporating graphics into the 4 inch wide body content.
I want the header and footer to span the entire width of the page, across both the sidebar area and the body text.
I have attempted to accomplish the above by using page styles, with mirroring and the use of conventional-width margins and headers and footers, and then restricting the width of the body text by inserting styles. However, Writer does not mirror the section indentations. Because of this, I have to manually add a new section at the start of each page. When it comes time to revise or add graphics, this will be an unbelievable nightmare because "pagination" will be thrown completely out of whack. It will be unmanageable.
The format I need is pretty common for instructional material.
Is there a way, or an add-on, to allow wider margins for the header and footer, while mirroring an indentation for body text?

I have come up with a solution to the problem...it isn't all that elegant, but it works: I am putting a blank white image into the document, positioned to make the body text wrap around it and then positioning text frames over the blank white image as necessary, anchored to the paragraphs in the body text. In order for this solution to work, it is necessary to anchor the white image to the page itself and manipulate positioning and/or spacing parameters to position it just right to force the proper wrap behavior.
Still, if it were possible to give the headers and footers wider margins than the body text, none of this workaround would be necessary....

Displaying button images in the side bar

Hi guys,
I'm just finishing my first web site and i have noticed some problems with my side bar when i viewed the site in Safari. While i was developing i was only
checking firefox and IE. The site is www.becom.ie. On the CCTV page my buttons in the side bar have moved across and are occuping space in main content. I just cannot see what is causing the problem with the side bar buttons. They seem fine on every other page.
I have also fixed the problem you'll see with the header. I have added a float left property to the left image and every thing seems to be displaying ok. I just have to FTP the new changes to the header.
Here is my style sheet:
@charset "utf-8";
#body{
    margin: 0;
    padding: 0;
    font-size: 100%;
    text-align: center;
#wrapper {
    font-family: Arial, Helvetica, sans-serif;
    width: 960px;
    text-align: left;
    margin: 0 auto;
    border: 2px solid #CCC;
#header {
    margin: 0px;
    padding: 0px;
    width: 960px;
#header h1{
text-indent: 1111px;
#maincontent {
    width: 760px;
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    line-height: 1.8em;
    font-size: 0.80em;
#maincontent{
position: relative;
text-align: justify;
#maincontent img{
margin-top: 50px;
#maincontent ul{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 10px;
#maincontent li{
    float: left;
#maincontent li a:link, #maincontent li a:visited{
    background-color: #06c;
    padding: .2em 1.5em;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1.2em;
    margin-right: 0.2em;
#maincontent li a:hover{
    color: #000;
    background-color: #FFF;
#maincontent li a.current, #maincontent li a.current:hover, #maincontent li a.current:active{
    color: #000;
    background-color: #fff;
    cursor: default;
#pictures{
float: left;
margin-bottom: 10px;
#digital_eye{
margin-top: 30px;
#images{
margin-top: 10px;
width: 960px;
clear: both;
#images ul{
line-height: 1.4em;
#images img{
margin-top: 10px;
#text{
width: 298px;
#sidebar{
float: left;
width: 150px;
padding-left: 10px;
margin-top: 55px;
# sidebar img a {
margin-bottom: 10px;
#list{
width: 950px;
margin-top: 20px;
clear: both;
line-height: 1.6em;
a img{
border: none;
#footer {
    clear: both;
    width: 949px;
    height: 144px;
    padding-left: 10px;
    vertical-align: bottom;
    font-size: .8em;
#footer #address {
    float: right;
#footer_img {
    float: left;
    margin-top: 0px;
#bottom{
margin: 0;
padding: 0;
background-color: #ccc;
#camerapic{
padding-left: 140px;
#ultimo{
padding-left: 196px;
.fltright{
float: right;
margin-left: 10px;
margin-right: 20px;
.centre{
text-align: center;
.right{
text-align: right;
.left{
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
.blue{
color: #09f
.right{
float: right;
.floatleft{
float: left;

What I see is that you put in a </div> after the "Product DVR 400 Series". That causes the next <div id="images"> with its larger width as well as no float: right causing it to position to the left margin.
If you were to add a float: right to your #images, it should bring the balance of the page back into alignment.
Also, your #maincontent has a width of 760px, but your #images has a width of 960px. I don't think it will hurt to keep it at 960.
Hope that helps.

Side bar issue

heyall, I would like to implement a simple side bar but for some reason when previewing it in the pane the, side bar is placed below the main column rather than the side of the main column. Can someone tell me what I am missing in the code? the html and css code is below
<body>
<div id="container1">
<div id="comp_menu">
    </div>
       <div id="comp_image">
       </div>
</div>
<div id="side_bar">
    <div id="inner_div">
    <p> </p>
    </div>
<div id="inner_div">
    <p> </p>
    </div>
<div id="inner_div">
    <p> </p>
    </div>
    <div id="inner_div">
    <p> </p>
    </div>
</div>
</body>
css code is here:
#side_bar {
height: 900px;
width: 200px;
    background: #FFF;
background-color:#FFF;
.inner_div{
height: 300px;
width:200px;
#container1 {
height:200px;
    width: 900px;
background: #FFF;
background-color:#FFF;

I don't think that is the correct set up Murray.
I think all that is required is to move the 'side_bar' <div> to within the 'container' <div> (according the the OPs requested).
You have it so the side_bar is sitting to the left of the container.
I believe this is the correct set up:
<!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">
#side_bar {
float: left;
width: 200px;
background: #FFF;
background-color:#FFF;
.inner_div{
height: 300px;
width:200px;
#container1 {
width: 900px;
background: #FFF;
background-color:#FFF;
overflow: hidden;
</style>
</head>
<body>
<div id="container1">
<div id="comp_menu">
</div>
<div id="comp_image">
</div>
<div id="side_bar">
<div class="inner_div">
<p> </p>
</div>
<div class="inner_div">
<p> </p>
</div>
<div class="inner_div">
<p> </p>
</div>
<div class="inner_div">
<p> </p>
</div>
</div>
</div>
</body>
</html>

Side Bar Appears On Top

When I try to open any new html page my side bar appears on
top on my screen. When I view in a browser it's all right. See
below: The side bar used to appear on the left as a column now it
just appears as main content across the page.
Header
sidebar1 Content
The background color on this div will only show for the
length of the content. If you'd like a dividing line instead, place
a border on the left side of the #mainContent div if the
#mainContent div will always contain more content than the
#sidebar1 div.
Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu,
pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi,
eleifend sollicitudin, molestie id, varius et, nibh. Donec nec
libero.
Main Content
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Praesent aliquam, justo convallis luctus rutrum, erat nulla
fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus,
fermentum id, molestie in, commodo porttitor, felis. Nam blandit
quam ut lacus. Quisque ornare risus quis ligula. Phasellus
tristique purus a augue condimentum adipiscing. Aenean sagittis.
Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,
odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse
potenti. Fusce varius urna id quam. Sed neque mi, varius eget,
tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut
nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu,
pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi,
eleifend sollicitudin, molestie id, varius et, nibh. Donec nec
libero.
H2 level heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Praesent aliquam, justo convallis luctus rutrum, erat nulla
fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus,
fermentum id, molestie in, commodo porttitor, felis. Nam blandit
quam ut lacus. Quisque ornare risus quis ligula. Phasellus
tristique purus a augue condimentum adipiscing. Aenean sagittis.
Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,
odio.
Footer

See:
* Firefox > Preferences > Advanced > General : Accessibility : [ ] "Warn me when web sites try to redirect or reload the page"
For other OS see:
* [http://kb.mozillazine.org/Menu_differences Windows: Firefox (Tools) > Options - Mac: Firefox > Preferences - Linux: Edit > Preferences]
* https://support.mozilla.com/kb/Options+window+-+Advanced+panel#General_tab
See also:
* http://kb.mozillazine.org/accessibility.blockautorefresh

Pages 5.5 Header/footer alignment

How to align text to the left in Pages 5.5 in all 3 boxes in header or footer?

I've just found another solution:
1. create 3 columns table in Pages 4.3
2. input text in those 3 columns, make alignment whatever you like
3. copy text from each cell of Pages 4.3
4. paste text into each box of Pages 5.5 header/footer
5. voilà

IDCS4 Export to PDF (Header/Footer Screwed Up) in PDF...Possible Solution?

THE PROBLEM (See "Evil footer setup.pdf"):
When you convert a IDCS4 document to a PDF while using a 2-page master, the PDF may be missing the odd or even pages. The page content (silly face) is there, but the header and/or footer is screwed up on either the odd or even pages. The even pages are mess up in this example.
THE REASON:
INCS4 does not like a single (header and footer) box to be dragged across both pages. Whe you do, you get them on one page or the other. Anything in theses header/foot goes asta-la-bye bye. In "Evil footer setup.pdf" both the header and footer boxes were two separate boxes drawn on one side, then dragged across the other page.
THE SOLUTION: (See "Happy footer setup.pdf")
On the 2-page master, set up the even (left pages) first with all of the header and footer information (include bleeds). If your using colored boxes for the header and foot area, put them on the bottom layer and put all text and page numbers on a new layer above. In the "Happy footer setup" example, the even (left) page header is identified by light cyan and the footer is identified by light magenta. Once the left side is done, group it, dup it and move it to the odd page (right side). The header on the odd (right) pages is now dark cyan while the footer is dark magenta. Once boths sides are set up, overlap each header and footer onto the opposite page by 1/8 of an inch to cover any gaps (seen in the happy example). This is assuming the header on both sides is the same color.
The "Sample Master Pages.pdf" (TOP) shows a single box header and footer dragged across 2 pages. (BOTTOM) shows a single box header and footer on each individual page. Remember the layers. Compare the sample to Happy and Evil and you'll get the idea.
Hope this helps someone.

This MAY be solved by the 6.0.4 update. See the release notes for item #2299929.
An important update to the InCopy and InDesign products has been released today!
To install the update, choose Help > Updates from any Adobe CS4 application, or navigate to the Adobe Updater and launch it:
Mac: /Applications/Utilities/Adobe Utilities/Updater6/Adobe Updater.app
Win: C:\Program Files\Common Files\Adobe\Updater6\Adobe_Updater.exe
You can also download the updates from Adobe.com at the following locations:
InCopy Mac: http://www.adobe.com/support/downloads/product.jsp?product=30&platform=Macintosh
InCopy Win: http://www.adobe.com/support/downloads/product.jsp?product=30&platform=WIndows
InDesign Mac: http://www.adobe.com/support/downloads/product.jsp?product=31&platform=Macintosh
InDesign Win: http://www.adobe.com/support/downloads/product.jsp?product=31&platform=WIndows
Release notes are here: http://www.adobe.com/go/id6_readme_en

How do I add a header/footer to a document?

I am using Adobe X Standard, version 10.1.2 and everything I am reading tells me to go to tools>pages>Header & Footer>Add Header & Footer, but once I click on tools to the left, the only options I have are export and create pdf files and send files. There is no tools option in the tool bar on the top. File, edit, view, window & help are my only options. How can I add a header/footer to a document?!

I think you might be opening your Pdf document in Adobe Reader. If you try open your pdf document in Adobe Standard and check again as far as your option are concerned you should be able to do that.

How can I add a header/footer to a document?

I am using Adobe X Standard, version 10.1.2 and everything I am reading tells me to go to tools>pages>Header & Footer>Add Header & Footer, but once I click on tools to the left, the only options I have are export and create pdf files and send files. There is no tools option in the tool bar on the top. File, edit, view, window & help are my only options. How can I add a header/footer to a document?!

What you describe tends to indicate that you're using Reader, not Acrobat. If you do have Acrobat installed, make sure you're using it and not Reader.

2 column elastic. side bar head/foot

Similar Messages

Maybe you are looking for