How do I create an auto page height with nested divs

I am using DW4 to create a website and am using nested divs to create the auto widths for the browsers
How do I make the height auto adjust for differing amounts of content? Different pages have different amounts of content so I want that height to auto flex with it if I can. Currently I give the Container a fixed height, but that is limiting ...
Here is my code so far - have not assigned specific style sheets yet
<!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">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Container">
<div id="Header">
<div class="largewhite" id="towncarheader">Northwest Town Car Services</div>
<div class="redtext" id="phone">
    <div align="right"><strong>Reservations | 503-702-5999</strong></div>
</div>
<img src="images/head.jpg" width="756" height="150" alt="BLue header" />
</div>
<div id="bodycontent">
    <p>Portland Airport Shuttle Services <br />
      Transportation to and from PDX International airport<br />
      How you make your next trip to Portland Airport could be the best thing about your journey.<br />
      By choosing Northwest Town Car’s Airport Shuttle Service, you will have chosen a stress free solution for your trip, both there and back. <br />
      First time customers: <br />
      When you reserve your first trip to PDX Airport receive 20% discount when paying by cash or check. | 10% if you pay by credit card. <br />
      Our service area covers:<br />
      Greater Portland areas<br />
      Beaverton<br />
      Hillsboro<br />
      Tigard<br />
      Tualatin<br />
      Lake Oswego<br />
      West Linn <br />
      View a complete list of our Locations and Rates & Services <br />
      Call for your reservation - 503-702-5999 | Or make your Shuttle reservation online.<br />
      We take care of the details.<br />
      Our luxury sedans provide the best alternative transportation solutions for every busy traveller. Whether you are taking a business or a personal trip, we will take care of the details.<br />
      We always arrive at least 5 minutes early at your doorstep. We make certain you have plenty of time so you can check in, check your luggage.<br />
    </p>
    <p>Our chauffeurs are experienced and will make sure they have your returning flight details so we can track your flight. We know if your plane will be delayed or a little early. Knowing that we will be there waiting for you when you arrive, no matter what time it is, gives you a bit more peace of mind.<br />
      Getting you to your destination safely is our priority and we pride ourselves in knowing the area well and providing the best routes available.<br />
      Our mark of success is your satisfaction.<br />
      Northwest Town Car opened its doors in 1998 and is proud to continue providing superior sedan and town car transportation choices to our customers.<br />
      Our Vehicles<br />
      We offer a variety of vehicles to meet your business and personal needs.<br />
      Our Fleet includes Town Cars, SUV’s, and Mini Vans.<br />
      Additional Services<br />
      Business / Executive events<br />
      We work with local corporations, businesses and hotels across town. Our areas of coverage include:<br />
      Westside<br />
      Beaverton<br />
      Tigard<br />
      Tualatin<br />
      Lake Oswego<br />
      Downtown Portland<br />
      Personal events<br />
      No matter the occasion we can get you to your destination safely and in style.<br />
      Weddings<br />
      Parties<br />
      Personal night on the town<br />
      Tours including Wine tours</p>
</div>
<div class="redtext" id="footer"> © 2010 Northwest Town Car Service</div>
<div id="navbar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a></li>
      <li><a href="#">Fleet</a>      </li>
      <li><a href="#">Rates | Services</a></li>
      <li><a href="#">Testimonials</a></li>
      <li><a href="#">Resource Links</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
</div>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>
Thanks Kathryn

#1 Don't use the Height property on any wrappers or containers that will hold text. Height is a restriction in every browser except IE -- which treats height as if it were min-height. People need to be able to increase text size in browser (View, Zoom , Text only) without causing damage to the page.
#2 Why are you using absolute positioning? Don't you realize this layout method is a huge cross to bare?
Here is why:
http://apptools.com/examples/pagelayout101.php
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

How do I create multiple-up pages populated with variable data?

I am trying to create a variable data Illustrator file but with a catch, I have to create multiple points of data on one artboard. I am using a template with 36 identical shapes, and I'm trying to add a different image to each based off of using variable data. I understand the premise of creating multiple output files based off of an illustrator file and data, but I have to create a single output file using 36 points of data, all QR codes. The reason is that this 36-up 14.5" x 14.5" sheet will be printed on a large format inkjet and then be fed into another machine (not a cutter) that requires that specific layout for it's process. I cannot create individual files, I need sheets based off of my 14.5" x 14.5" 36-up template.
Any suggestions other than making each shape in the template a separate variable (even though they are all the exact same shape) would be greatly appreciated.
My goal is to populate each of these shapes with a different QR code and then output the whole sheet as a single .EPS or .PDF file.

My goal is to populate each of these shapes with a different QR code and then output the whole sheet as a single .EPS or .PDF file.
You're barking up the wrong tree for this with Illustrator's Variables palette.
Think of it like this:
Imagine a typical spreadsheet with multiple rows of the same kind of data, except for the first row which serves as the "labels" of the columns.
The on-page objects which you define as Variables in Illustrator correspond to the first row; the column labels.
The datasets correspond to the following rows of values below the label row.
Cycling through the datasets simply moves up and down the rows, revealing one row's data at a time for each of the column labels.
Your multi-up array does not fit that data model. You are essentially trying to make a layout showing all the individual cells below the single label of one column (downward across all rows). (Illustrator's Variables feature doesn't even let you put multiple instances of a single variable in the document, so that the same value occurs in multiple places.)
You're trying to build the functional equivalent of a typical "gang up" press sheet, like a 10-up layout of business cards, each showing the same kind of data (name, phone, etc.) for multiple employees, so that you don't have to do separate press runs for each employee. That's certainly a common need, and one quite appropriate to a program like Illustrator. But Illustrator's Variables feature does not do that.
Essentially, what you are wanting to do is to replicate the basic functionality of any program which is used to print labels from data (like the typical mail merge function for address labels which are ganged up with some number of different labels on a page). What you want could be done in Illustrator via a custom JavaScript, but it would be a pretty silly exercise in reinventing the wheel. If it were me, I'd probably build the solution in FileMaker Pro (a database program), depending on the specific graphics requirements. However, you should be able to do it in InDesign, using its data merge feature.
JET

How do I create a 4 page "booklet" with pages 2 & 3 as ONE landscape page?

I have a 4 page "booklet" and there is a slight gap btween bages 2 & 3 when I print. I have it set up as a "centerfold"

More info please.
Do you have a 4 page, facing pages document that you are running through Print Booklet?
With or without bleeds?
Are all pages the same page size?
Any bleeds or margins set in the Print Dialog, through the Print Booklet dialog?
Printer info...any advanced features used (Fold, impose)?

How Do I Create A New Page To Edit Visually?

I am trying to create a java program with a main. I can get Studio Creator 2 to create the code for a new main that is empty, but I can't seem to get it to create a page that I can add buttons to visually. I know how to add components using code, but I would really like to be able to add them using the Visual Editor. It seems that the only time I can get the Visual Editor to work is when I open code that came with Java Studio Creator. Is there some code I need to add to my java document that will allow a Visual Editing Mode? Or maybe I have some preference not set correctly? Any information regarding this topic would be greatly appreciated.

Nothing needs to be added, but by the sound of it you are trying to add components in java mode and not in "Design" mode. In fact, it sounds like you are trying to modify java files that may not even be tied to jsp and jsf fronts.
How did you create the class to begin with? Did you go to Page Navigation, right click and selct new?

How can I create a new page in pages, without creating a new section?

how can I create a new page in pages, without creating a new section?

Good morning graywright,
It sounds as if what you are wanting to do in the Pages application is to insert a Page Break. Follow the steps in this article -
Pages '09: Inserting a Page Break
In a word processing document, click where you want the break to occur, and then choose Insert > Page Break.
To remove a page break, click at the beginning of the line that follows the break and press the Delete key.
In a page layout document, to insert a new page in your document, click Pages in the toolbar and choose from the template page options available.
Thanks for using Apple Support Communities.
Best,
Brett L

How can I create a full page on Adobe Muse (without side space)?

How can I create a full page with Adobe Muse (without side space)?

Muse uses Fixed width Layouts so that is not 100% possible. You can extend images and box elements to full width but not actual content.

How do i create a gallery page that you can click on an image, expand it and move left or right to see more images?

How do i create a gallery page that you can click on an image, expand it and move left or right to see more images?

You may use slideshow widgets to achieve this. For more details : Adobe Muse Help | Working with Slideshow widgets

How do I create a custom page set up

How do I create a custom page set up

Seb,
You can use the dropdown list in the File>Document Setup>Artboard; Custom is at the top (hidden at first view).

How do I create a https page?

How do I create a https page?

Not in iWeb, nor in any other application.
https is a secure protocal. It's about encrypting webpages and content.
It's done at the server.
http://www.google.com/search?q=How+do+I+create+a+https+page

How do I create an application page

I wanted to know how do I create an application page where
people would fill in their information and it would be sent to me.
Each field would contain a box where the person puts their
information. Also, how do I make text flash. I am using Macromedia
MX 2004 html basic page.
Ex
Name:
Address:
Phone Number:

Hi Denes,
use the buttons request attribute
and use the condition type "Request = Expression1" for the application level process.
Jochen

How could i creat a feedback page in iweb?

how could i creat a feedback page in iweb?

You can set up a commenting section as mentioned here...
http://www.iwebformusicians.com/iWeb/Comments-Password-Protect.html
Example...
http://www.iwebformusicians.com/iWebMusicWebsite/Comment.html

How do I create labels in Pages?

How do I create labels in Pages? I couldn't find the subject in the manual.

Rena ..
Try here > How to create labels with Pages | Macworld

How do i create 2 parameter pages for 1 report?

Hi,
I want to make a purchase order report. first: i need a parameter page to ask how many items that you want to order. second, once user enters a number(let's say 5), i want to have anoter parameter page show 5 empty fields that user can enter 5 items' barcode#, once they entered barcodes, the report will show these 5 items info.
my difficulty is how do i create 2 parameter page for 1 report?
thank you

my question
1- there is any way to assign the Fetch process to specific region so the process take all item in these region only.
2- how can create manual process to fetch row into specific items in page ( i tray these code
SELECT col1, col2, col3 ....
INTO :P1_ITEM1, :P1_ITEM, :P1_ITEM...
FROM table
WHERE id = :P_id ) but no data retrieve .
I do not think that it is possible to have more than one Automated Row Fetch process in a given page. See the thread:
ORA-01403: no data found : Unable to fetch row multiple automated row fetch
On your second question, the manual process should work provided:
P_ID has a value when the process executes. You can do it this way:
i. Make this process as a on-load After/Before header process
ii. Make sure that P_ID page item has value when the process executes (set it from another page or before the pl/sql process executes)

How do I create an interactive PDF file with variable data

We would like to basically do a 'mail merge' of our list of customers with an interactive PDF file (including videos, menus, etc - not just form fill out and web links) to create a single PDF file that contains multiple mail pieces ... one for each customer ... with each mail piece being customized for that customer. Customizations would include different greetings (Dear Bob, Dear Dana, etc), as well as different charts based on data unique to the customer, different photographs, etc.
I've seen that InDesign and Acrobat Professional can be used to create an interactive PDF (such as from http://tv.adobe.com/watch/ask-the-adobe-ones/14-calling-rufus-about-interactive-pdf-making). However I don't understand how I can insert data from a database, csv file, excel file etc into the PDF file so that each page, or each set of pages, within the PDF can be customized.
Can anyone point me to a tool to use for this?
Thanks,
Bob Kendall

For that kind of volume and unattended operation, you want InDesign Server – which is the server/high volume edition of INDD.
From: Adobe Forums <[email protected]<mailto:[email protected]>>
Reply-To: "[email protected]<mailto:[email protected]>" <[email protected]<mailto:[email protected]>>
Date: Thu, 3 Nov 2011 06:58:07 -0700
To: Leonard Rosenthol <[email protected]<mailto:[email protected]>>
Subject: How do I create an interactive PDF file with variable data
Re: How do I create an interactive PDF file with variable data
created by Ti26E31DSxxx<http://forums.adobe.com/people/Ti26E31DSxxx> in PDF Language and Specifications - View the full discussion<http://forums.adobe.com/message/4005459#4005459

Dw, css, and a template, what is the best way to create a 20 page website with a different header in each page?

dw, css, and a template, what is the best way to create a 20
page website with different header content on each page? i am
trying to insert a specific image and background color for each
header on every page. what is the easiest or best way to do this?
thanks, bryan

"mediastream13" <[email protected]> wrote in
message
news:f47bes$9om$[email protected]..
> ok, murray, here is the site.
http://www.helphotline.org
> in I.E. 6 i can't see the background color behind the
header images,
I'm seeing a hot pink background (which is my browser default
- so that I do
remember to declare a background color). You need to add:
body { background-color: white;} to your stylesheet, or into
the imbedded
styles on your page.
In Firefox, the very top black section, #headertop is hidden
behind the
header image.
> background of the date/time isn't stretching the full
length of the
> screen, and
> the margins aren't working in the main content area. how
can i put a
> background
> color behind the header images?
I can see the header image stretching right across the page..
so not sure
what color is missing there.
> is there anyway to download i.e. six on my computer if i
already have
> i.e.7? i
> just want to be able to preview the site before i upload
the changes. it
> seems
> everything works in i.e. 7.
Yes, I used this and it works really well.
http://tredosoft.com/Multiple_IE
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au

How do I create an auto page height with nested divs

Similar Messages

Maybe you are looking for