3 column page - how to make each full height of page, with variable content in each?

Hi everyone. . . I'm a relatively unsophisticated page designer, and I appreciate if you excuse my lack of experience.  I'm putting together a page for a business.  The page has three columns, one of which would be considered to be the main body of the page. . . the one with all the important content.  The column on the left is for a navbar and some affiliate badges, and the column on the right will be for an image that describes for the viewer which page they're on. 
The question I have is how to, when the content of the center column is very long, make the left and right column divtags extend all the way to the footer, with their borders and background colors, to make a clean page.  When the content of the center column is short, like a paragraph or two, the left divtag will have a minimum height due to the presence of the badges, but the right divtag is quite short.
I uploaded a test page here: http://www.thermalifegroup.com/test/about_us.html
Nevermind the visual appearance of the page. . . the spry widget is all over the place, but that's just because I uploaded a few files onto the server.  On my pc it's all copacetic and not an issue.  The code source is up there, so is the stylesheet. 
I'm hoping I can just add a few attributes to the columns so that they automatically reach down to the bottom extents of the page.  Thanks for any advice you can throw my way.
Keith

manliusvalerius wrote:
Hi everyone. . . I'm a relatively unsophisticated page designer, and I appreciate if you excuse my lack of experience.  I'm putting together a page for a business.  The page has three columns, one of which would be considered to be the main body of the page. . . the one with all the important content.  The column on the left is for a navbar and some affiliate badges, and the column on the right will be for an image that describes for the viewer which page they're on. 
The question I have is how to, when the content of the center column is very long, make the left and right column divtags extend all the way to the footer, with their borders and background colors, to make a clean page.  When the content of the center column is short, like a paragraph or two, the left divtag will have a minimum height due to the presence of the badges, but the right divtag is quite short.
I uploaded a test page here: http://www.thermalifegroup.com/test/about_us.html
Nevermind the visual appearance of the page. . . the spry widget is all over the place, but that's just because I uploaded a few files onto the server.  On my pc it's all copacetic and not an issue.  The code source is up there, so is the stylesheet. 
I'm hoping I can just add a few attributes to the columns so that they automatically reach down to the bottom extents of the page.  Thanks for any advice you can throw my way.
Keith
in your #main css style add following attributes
float:left
background-color:#eeeeee
u can change ur color
try

Similar Messages

  • How to make a border around a frame with variable line weights?

    I want to draw lines in Muse. I understand that it can only be done with the help of rectangles. In a free Muse Theme that I have downloaded I have found a quite nice line, that I have saved as graphic style. When  I read the properties I find the following definition: 'border weight (bottom: 1 left: 0 right: 0 top: 0).' It gives you the possibility to have only one line at the bottom. I very much would like to know how you can apply these variable settings to a border. I looked everywhere but can't find a way to do it. Any help would be greatly appreciated.

    Hi Dimitri,
    Select the rectangle you wish to use from your Muse page.
    Click on the blue 'Stroke' and a box will pop up where you can set the border styles for all four borders individually.

  • I created a Pages document inserting 2 columns using 1) Inspector 2) Layout 3) columns.  How do I decrease the height of the column.  Have tried to use cursor and drag down the top border, but that does not reset the top border.

    I created a Pages document inserting 2 columns using 1) Inspector 2) Layout 3) columns.  How do I decrease the height of the column.  Have tried to use the cursor and drag down the top border, but that does not reset/decrease the top border.

    Set your columns back to one for the moment. In layout mode, insert a Text box. Place it in the upper left corner of your document, and drag down and right to the size of the container for your two columns. Click inside the Text Box, and now bump up your columns to 2. Your two columns are now contained in this resizable Text Box.

  • How to make your iPad and iPhone commicate with each other

    How to make your iPad and iPhone commicate with each other

    this is very easy...
    firstly disconnect the DSL modem for the linksys..
    then connect the computer to the linksys router (port 1/2/3/4)..
    then access the linksys setup UI
    open ur web browser
    site: http://192.198.1.1/
    username: [blank]
    password: admin
    now hook up the westell modem.. and goto the status page ...
    check Internet IP.
    if then Internet IP is 192.168.1.* then,
    disconnect the westell from the router and goto the setup page.
    change the LOCAL IP address to 192.168.2.1 (notice the 2.1 and not 1.1)
    save settings....
    connect the westell and viola ur online...
    if the Internet IP is 0.0.0.0 then
    goto the setup page and change the 'Internet connection Type' to 'PPPoE'
    once done the page changes and give u a place to enter a username and a password.. this username and password is given by verizon..
    sud be something like '[email protected]'
    once done save settings...
    goto the status page and hit connect... give it a few moments... u shud get a Internet ip address... if u get one ur online if not then power cycle the entire network. and try check to see if u get an ip..
    hope this helps...
    cheers..
    Life is short... So get movin !!!
    DopeLorD

  • Has anyone figured out how to make the Yamaha 01V96i mixer work with Logic 9.1.8

    Has anyone figured out how to make the Yamaha 01V96i mixer work with Logic 9.1.8 as a control surface ?

    In YAMAHA01v96i:
    Go to DIO/SETUP select Generic DAW. Go to MIDI settings page and set the desired port (personally I use Number 1), Select the same audio frequency you use in your DAW (I use 44.1KhZ)...at this point You should save a scene in you 01V96i to avoid to repeat all the procedure again.
    Open studio manager, go to patch and set the input port from 17 to 32 respectively to USB1-USB16 (this will give you the return from you DAW to the 01v96i
    Save again the scene overwriting the old one.
    in LOGIC
    Click on preferences, select Audio then select 01v96i, then click on control surface and select Mackie design Baby HUI and in the midi session set the same port that you've been setting on the Yamaha 01V96i (Port 1 if you follow this example).
    That's more or less it.
    It worked for me...so far

  • Can an i-frame resize the page height and itself with new content?

    I built a website in Adobe Muse and embedded a blog within an i-frame on the portfolio page of the site here...
    http://dannyhardakervideo.co.uk
    This approach was taken because the client needed the ability to keep  adding videos to the portfolio section of the site themselves  indefinitely and
    i was short on ideas to implement that functionality  with Muse. I've now exported the code as HTML to Dreamweaver to see what I can achieve there.
    Using Dreamweaver, Is it possible for the page height and i-frame height to resize with new  content as more videos are added to it? Is there some script I can  add to the page?
    Is there a better solution?
    PLEASE HELP.

    Ordinarily, Iframe re-size scripts will only work when the parent page (with iframe) and the external page (blog) both reside on the same domain.   However, someone came up with a cross domain solution which requires you to put jQuery scripts on both sites.  NOTE:  I've never tested this.
    https://github.com/davidjbradshaw/iframe-resizer
    IMO, a cleaner solution is to use scripts to parse the blog's RSS feed into the main site.  You can use PHP code from FeedForAll or jQuery's jFeed plugin.
    http://alt-web.blogspot.com/2011/06/adding-blogger-rss-feed-to-html-page.html
    https://github.com/jfhovinne/jFeed
    The main advantage in using a script to parse feeds is you control the appearance -- to match your main site & how many posts are displayed on the page.
    Nancy O.

  • Using Pages, how do I include occasional "landscape"-formatted pages into a "portrait"-formatted document?

    Using Pages, how do I include occasional "landscape"-formatted pages (for large tables) into a long "portrait"-formatted document?
    I have not been able to find the solution on Pages Help.

    triplebrook wrote:
    Using Pages, how do I include occasional "landscape"-formatted pages (for large tables) into a long "portrait"-formatted document?
    I have not been able to find the solution on Pages Help.
    It can't be done in  Pages, hence you don't find the solution in Pages help!
    You can rotate the table on the page instead. Press Cmd and drag the right lower corner 90 degrees

  • Hello, i would like to know how to make horizontal sites and it moves with the scroll

    Hello, i would like to know how to make horizontal sites and it moves with the scroll

    Hi
    You can refer to these videos :
    http://www.lynda.com/Muse-tutorials/basics-horizontal-scrolling-websites/108131/115685-4.h tml
    https://www.youtube.com/watch?v=gZI_K1TXqOM
    Thanks,
    Sanjit

  • 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

  • How can I have multiple WINDOWS (NOT tabs) with INDEPENDENT content?

    How can I have multiple '''windows''' (''not ''tabs) with '''independent''' content?
    I used to be able to open separate windows with Firefox, and the content could be completely different in each window. No matter what I did in any window, no OTHER window open at the time, nor any of the content therein, was affected. This is no longer the case and it is extremely frustrating for me.
    I do ''not ''like tabs and do not use them. I prefer multiple windows plus I am so used to using them, for so many years now! But with v9.0.1 I suddenly can no longer do what I've always done with my browser without this aggravating problem constantly reminding me that I can't have what I want in firefox anymore.
    Or can I? Does anyone have a solution I don't realize exists?
    Thanks,
    Sowelu

    AppleScriptObjC can use pretty much everything in the Cocoa API, so yes, it is possible.
    Note that a view is not the same as a window, and a window can have multiple views. There are also many ways to implement "tabs";  take a look at some of Apple's applications - they use various mixtures of toolbars, checkboxes, and radio buttons, for example.  An application such as this will be a lot more involved than what you have done so far though, using custom classes and subclassing existing ones, so be prepared to do a lot of reading and researching.

  • Loop in smartform - how to make values valid in all pages

    Hi All.
    I have a smartforms with several pages (9). I must print these 9 pages once for each line in the internal table ITAB. When I put a loop in the first page, the data under that loop is printed correctly, but every text node outside the loop always prints the last line of ITAB.
    Do any of you know how to make the data in the loop valid throughout the other pages?
    any help will be welcome.
    thanks,
    Hermes.

    I got it. The main window must be the first one in the first page. The loop must be inside the main window, and bellow the loop there must be a page-break command.

  • How to make single full scan

    Hi, ALL
    I have this query like below and I see that it produced 3 <TABLE ACCESS FULL> for each Unioin, how to make it work with single Scan? It's simple table 2 colums, not indexes or PK, just for sample.
    explain plan for
    select count(*) from tt where amt between 0 and 100  union all
    select       count(*) from tt where amt between 100 and 200  union all
    select       count(*) from tt where amt >200 
    | Id  | Operation           | Name | Rows  | Bytes | Cost (%CPU)| Time     |                                                                                                                                                                                                                                
    |   0 | SELECT STATEMENT    |      |     3 |    39 |     9  (67)| 00:00:01 |                                                                                                                                                                                                                                
    |   1 |  UNION-ALL          |      |       |       |            |          |                                                                                                                                                                                                                                
    |   2 |   SORT AGGREGATE    |      |     1 |    13 |            |          |                                                                                                                                                                                                                                
    |*  3 |    TABLE ACCESS FULL| TT   |     2 |    26 |     3   (0)| 00:00:01 |                                                                                                                                                                                                                                
    |   4 |   SORT AGGREGATE    |      |     1 |    13 |            |          |                                                                                                                                                                                                                                
    |*  5 |    TABLE ACCESS FULL| TT   |     3 |    39 |     3   (0)| 00:00:01 |                                                                                                                                                                                                                                
    |   6 |   SORT AGGREGATE    |      |     1 |    13 |            |          |                                                                                                                                                                                                                                
    |*  7 |    TABLE ACCESS FULL| TT   |     3 |    39 |     3   (0)| 00:00:01 |                                                                                                                                                                                                                                
    Predicate Information (identified by operation id):                                                                                                                                                                                                                                                         
       3 - filter("AMT">=0 AND "AMT"<=100)                                                                                                                                                                                                                                                                      
       5 - filter("AMT">=100 AND "AMT"<=200)                                                                                                                                                                                                                                                                    
       7 - filter("AMT">200)                                                                                                                                                                                                                                                                                    
    Note                                                                                                                                                                                                                                                                                                        
       - dynamic sampling used for this statement                                                                                                                                                                                                                                                               

    SQL> explain plan for
      2  select count(*) from emp where sal between 0 and 100  union all
      3  select       count(*) from emp where sal between 100 and 200  union all
      4  select       count(*) from emp where sal > 200
      5  /
    Explained.
    SQL> @?\rdbms\admin\utlxpls
    PLAN_TABLE_OUTPUT
    Plan hash value: 3840822464
    | Id  | Operation         | Name     | Rows  | Bytes | Cost (%CPU)| Time     |
    |   0 | SELECT STATEMENT  |          |     3 |    12 |     3  (67)| 00:00:01 |
    |   1 |  UNION-ALL        |          |       |       |            |          |
    |   2 |   SORT AGGREGATE  |          |     1 |     4 |            |          |
    |*  3 |    INDEX FULL SCAN| EMP_IDX3 |     1 |     4 |     1   (0)| 00:00:01 |
    |   4 |   SORT AGGREGATE  |          |     1 |     4 |            |          |
    |*  5 |    INDEX FULL SCAN| EMP_IDX3 |     1 |     4 |     1   (0)| 00:00:01 |
    PLAN_TABLE_OUTPUT
    |   6 |   SORT AGGREGATE  |          |     1 |     4 |            |          |
    |*  7 |    INDEX FULL SCAN| EMP_IDX3 |    14 |    56 |     1   (0)| 00:00:01 |
    Predicate Information (identified by operation id):
       3 - access("SAL">=0 AND "SAL"<=100)
           filter("SAL"<=100 AND "SAL">=0)
       5 - access("SAL">=100 AND "SAL"<=200)
           filter("SAL"<=200 AND "SAL">=100)
    PLAN_TABLE_OUTPUT
       7 - access("SAL">200)
           filter("SAL">200)
    24 rows selected.
    SQL> explain plan for
      2  with t as (
      3             select  count(case when sal between 0 and 100 then 1 end) cnt1,
      4                     count(case when sal between 100 and 200 then 1 end) cnt2,
      5                     count(case when sal > 200 then 1 end) cnt3
      6               from  emp
      7            )
      8  select cnt1 from t  union all
      9  select cnt2 from t  union all
    10  select cnt3 from t
    11  /
    Explained.
    SQL> @?\rdbms\admin\utlxpls
    PLAN_TABLE_OUTPUT
    Plan hash value: 2586840053
    | Id  | Operation                  | Name                        | Rows  | Bytes | Cost (%CPU)| Time     |
    |   0 | SELECT STATEMENT           |                             |     3 |    39 |     6  (67)| 00:00:01 |
    |   1 |  TEMP TABLE TRANSFORMATION |                             |       |       |            |          |
    |   2 |   LOAD AS SELECT           |                             |       |       |            |          |
    |   3 |    SORT AGGREGATE          |                             |     1 |     4 |            |          |
    |   4 |     TABLE ACCESS FULL      | EMP                         |    14 |    56 |     3   (0)| 00:00:01 |
    |   5 |   UNION-ALL                |                             |       |       |            |          |
    PLAN_TABLE_OUTPUT
    |   6 |    VIEW                    |                             |     1 |    13 |     2   (0)| 00:00:01 |
    |   7 |     TABLE ACCESS FULL      | SYS_TEMP_0FD9D662A_D5091620 |     1 |     4 |     2   (0)| 00:00:01 |
    |   8 |    VIEW                    |                             |     1 |    13 |     2   (0)| 00:00:01 |
    |   9 |     TABLE ACCESS FULL      | SYS_TEMP_0FD9D662A_D5091620 |     1 |     4 |     2   (0)| 00:00:01 |
    |  10 |    VIEW                    |                             |     1 |    13 |     2   (0)| 00:00:01 |
    |  11 |     TABLE ACCESS FULL      | SYS_TEMP_0FD9D662A_D5091620 |     1 |     4 |     2   (0)| 00:00:01 |
    18 rows selected.
    SQL> SY.

  • How to make form a single long page; remove page breaks?

    Hi. I am pretty new to liveCycle but really like it so far! I think these forums are great too. I did a few forums searches and couldn't find a specific answer to this question, so I began this discussion. Please forgive my ignorance if this is has been discussed before!
    I am trying to make a form that isn't intended to be printed. I would like to make it a single long page instead of having page breaks in it. I have experimented with custom page sizes and way able to make the pages longer, but there is a limit to how long liveCycle allows me to make the pages... like 27" or something. I'd like to have no page breaks at all.
    I am not very familliar with XML, but do have some HTML experience, so I could copy/paste some code to the XML sheet if need be-- provided I was told where to put it.
    I attached a bit of the form I would like to turn into a single page to this discussion.
    Any help at all would be greatly appreciated! Thank you very much!

    In teh hierarchy view - click on the Master Page/ Page1. Now on the object palette on the Master Page Tab you can choose a Paper Type. If you scroll to the bottom of the list you can choose a Custom size. The width and height dimensions are now available to you. The UI in designer limits you to 59 in. If you need more than that there is a way to get bigger but you have to do it in the native XML format. Let me know if you need more than that. Here is a modified sample.
    Paul

  • How to make a full backup of my iPad without using iTunes

    I need to make a full backup of my iPad.  I am using the Vudu app and have many movies downloaded to my iPad.  I have performed a backup of my iPad from iTunes onto my Macbook Pro.  The mobile backup files on my laptop are not nearly big enough for the 20+ movies (at lease 1/2 to1 GB each).   Because of this I do not believe iTunes has made a full backup including the movies.  I want to avoid having to re-download all the movies if/when the iPad drive fails.  I want a complete backup such as Time Machine or using some other external hard drive or app on my MacBook Pro.
    I bought a Seagate Wireless Plus 1TB Mobile Cloud Storage with Built-in WiFi Streaming (STCK1000100) external hard drive and installed the Seagate Media App.  I can, via the app on the iPad, see the device and copy to and from it.  But, it only allows access to music, movies in iTunes (not any movies in Vudu), and things like documents on my iPad.  It does not allow access to all the files inclding system files stored on the iPad.  I also tried another Seagate non wireless external drive that I connected directly to the iPad but the Seagate Media app does not communicate with or recognize the device from the iPad.
    I also bought DiskAid software that supposedly will make a complete backup of an App on a mobile device and installed it on my laptop.  I was able to make a complete backup of the Vudu app from the iPad onto my laptop, but in a test could not restore it to my iPad.  The backup file, though, was the right size, about 26 GB.  The DiskAid techs are looking into that.  I was able to use DiskAid to backup another app in a test (Hertz).  That app made a backup of the Hertz app onto my laptop, I deleted the app on my iPad, then I was able to restore it.  But right now the restore option is not working for Vudu.
    Another option would be to copy the movie files off of the iPad onto my Laptop, but the iPad does not appear in the finder window on the Laptop.
    I have about decided my MacBook Pro laptop will have to be the main repository for all the downloaded movies, since I can make a Time Machine backup of everything. 
    It is very frustrating to not be able to make a full backup of everything on my iPad.
    Anyone else have any ideas?   Apple - when are you going to provide a way to make a full backup of an iPad?

    I recommend Super Duper as well. I use it batch mode to automatically back up my iMAC every night at 2 am. It's saved my life a couple of times- once my disk crashed (under warranty)and what could have been a disaster (1000's of irreplaceable photos) was a 2 day inconvenience.
    Now and then I boot up from my backup on my firewire drive, wipe, check and reformat my internal hard disk, copy back all my files and I'm good to go

  • How to make an iview in a page programmatorically  (in)visible

    Hi All,
    Does somone know how the code to set an iview in a page visibe/invisible.
    (like you can do it manually)
    I do not want to remove the iview and then add the iview again,
    Thanks to help me out on this one,
    Nicolas

    Hi,
    Thanks for your answer, but I already found this on SDN.
    But I think it does not fit my needs. (hiding or unhiding it is not depending on roles or language or any other parameter)
    This is the scenario I want to do.
    I have made webdynpro banner with a message. 
    At certain moments in time this banner should appear iin the portal.
    Because the team that  decides if the banner should be visible or not, has no portal knowledge. So I want it to make easy for them
    I want to program another webdynpro, where they can decide to show the banner or not. (and tthey can also give the banner text in).
    So I just want to know how to hide programmatorically an iview in page.

Maybe you are looking for

  • Can't open photos in Bridge

    I just installed I life 'o8 upgraded all my libraries in Iphoto. I've read the forum as to why I can't get access to my "I photos library" when I email or open photoshop ...but does any one have any suggestions on how to open pics on adobe Bridge. Do

  • Hello all, How do I enter two lines of texts from a excel cell to a illustrator text frame?

    Problem is , if I have a text in excel column as " line1 'alt ENTER' line 2 " and if I read this text using VBAscript and write it back to illustrator, it appears continuously like "Line1Line2" the line break does not happen. Mark Mcclure, please hel

  • Chain of Creation

    Hi Guys, I am proposing a new creational design pattern inspired by chain of responsibility, can you please review and share your thoughts. [http://adityakalia.wordpress.com/2010/03/26/chain-of-creation/] Thanks, Aditya

  • GPIB/TNT PnP DOS Installation Issue

    I have a AT-GPIB/TNT PnP board that I am trying to install on a DOS computer.  I am using the latest NI488.2 software for DOS. On bootup, the GPIB software drivers install properly, but the interface cannot be found.  When I run ibdiag it detects the

  • Compiling .fmb

    Hi, I am compiling my .fmb files through forms migration assistant wizert under Developer suite , after I do finish, it gives me converter log as ERROR opening C:\HMSS\Hmsdev\Accounts\Fmb\ac_mm_bd.fmb :oracle.forms.jdapi.JdapiException: FRM-10102: Ca