Which is best way toalign divs at bottom?

I am hopefully getting near to completing my layout for webste and I am trying to build it as follows:-
First I created a wrapper div to contain everything.
Next I created a header div in which I will put my logo image jpeg as a background.
Then I created a navbar div whch will contain navigation.
I wil save above as a template as most of this should not change. All above divs are 960px wide with margins 0 auto 0 auto
All the above has been achieved and would appear to be ok
What I am trying to do now is create a mainbody div and in it two divs which by using float left and float right have managed to both divs aligning at top of mainbody div. One div is called leftbody and the other called rightbody. I have given mainbody div a red background, leftbody a blue background and rightbody a green background in order to view what s happening.
I am wanting to enter text and images to rightbody and leftbody.
When the text in leftbody goes farther down the page than the text in rightbody , the red background from mainbody appears below the green background of rightbody which is fine.
But when the text in rightbody goes farther down the page than the text in leftbody, the red background from mainbody does not appear.
How do I fix this so that the red background appears?
and can I sort it so that if one dv is longer than the other, it creates a green or blue space to align the divs at the bottom
I am sorry if this is a bit long winded but I am trying to make my question clear - hopefully the answer will be clear also.
My code  and css is as follows if it helps.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id ="wrapper">
  this is wrapper div
<div id="header">Content
    for id "header" Goes
    Here</div>
    <div id="navbar">this
      is navbar div wrapped
      inside wrapper div</div>
    <div id="mainbody">Content
      for id "mainbody" Goes
      Here
    <div id="bodyright">
      <p>Content
      for id "bodyright" Goes
      Here GReen writing
      goes here Content
      for id "bodyright" Goes
      Here GReen writing
      goes here Content
      for id "bodyright"</p>
      </div>
      <div id="bodyleft">Content
      for id "bodyleft" Goes
      Here Content
      for id "bodyleft" Goes
      Here Content<br>
for id &quot;bodyleft&quot; Goes<br>
<br>
</div>
  </div>
</div>
</body>
</html>
/* CSS Document */
#wrapper {
    background-color: #FFFF00;
    width: 960px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
#navbar {
    background-color: #FFFF00;
    width: 960px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
#header {
    background-color: #FF6666;
    width: 960px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
#mainbody {
    background-color:#FF0033;
    width: 960px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
#bodyright {
    background-color: #66FF00;
    float: right;
    width: 760px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
#bodyleft  {
    background-color:#0000FF;
    width: 200px;

To achieve the illusion of equal height columns, create a tri-colored background image (see my example), same width as  your #wrapper div, and repeat-y.
BEFORE FAUX COLUMNS:
http://alt-web.com/TEMPLATES/3-col-fixed-layout.shtml
AFTER FAUX COLUMNS:
http://alt-web.com/TEMPLATES/3-col-white-gray.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

  • Which is best way to back an iMac?

    Which is best way to back an iMac? I have lots of photos and videos on my iMac TIme Capsule or hard drive. I would like to take photos and videos off my iMac but would easy access to them.

    steve359 wrote:
    CCC stores a "base image", then its incremental backups are stores in separate folders that you would have to search for specific files.  If different files were "last changed" on different days, you may have to search different days "incremental folders" to get all files.
    Because of this CCC is "managed" ... you cannot fully control how backups are made or where files are stored.  And TimeMachine eventually deletes "incremental folders" as they get too old, so it is "managed" as well.
    If you have full sets of files you want saved "as a specificslly formatted set", I would do it in another eternal drive that *I* manage as a set of folders.
    This is totally 100% incorrect. What you described here is more or less Time Machine, not CCC.  CCC is a standard backup program.  It does not, I repeat, NOT, create incremental dated backups.  While you can save what gets replaced by date archived directories that is not the intent of CCC.  It's intent is to have a exact disk image, folder-for-folder, file-for-file, of the source.  Under option it just stuffs the files it replaces in a folder.
    And you switch what your are taking about halfway through your post to TM.

  • Which is Best way to pool DB connections on Server no-J2EE???

    I have a applicatio, which run on very different app servers (WebSpere, JRun and i-Planet)... the db conncetion problems existe whit server no-J2EE compliant, like as i-Planet.
    On J2EE servers I cant use Server DataSource to pooled connection, and server make this work transparently and good.
    But, if have to manually manage to pool connection, which is the best way?
    Befor use Poolman package... by CodeStudio, but is not effective for me...
    Now, are studying the Jackarta-Commons DBCP...
    Which is the best ?... there is other solution for this problem ?.
    thx !

    App in I'm work, make exhaustive use of db connection,
    only on startup, use a average of 130 connection
    request on less 10 secconds.
    All connection requested, when finish to use, there
    are closed, supposeddly, the closed connction are
    returned to pool, but this no happend it quickl, How do you know it doesn't happen quickly?
    Normally a returned connection would just be inserted into a list with a possible state change. That would be very quick in java. It might check the state of the connection and that is going to take longer Another pool manager might do the same though.
    then,
    if pool is able to create emmergency connections (up
    num max) always returned new connection, any one
    else, if pool can't create emmergency connection
    objects, app wait for free connection of pool... long
    delay !Of course, but any pool is going to do that.

  • Which is best way to do a back-up for the iPad , please.

    Could someone let me know best way to do a backup for the iPad . I know one goes to iTunes , but other than this I dont know what to do once I get that far , as in which way , like backup to the iMac or another way it ask me to backup and now cant remember the other way.
    Thank you

    You can backup with iCloud or iTunes. You can also backup with both if you prefer.
    Back up and restore your iOS device with iCloud or iTunes
    I Prefer using iTunes but based on how you use your iPad, iCloud may be the better choice for you.
    With iTunes, you have control over your backups. You are not relying on Apple servers, which could go down or be hacked. The chances are slimmanat will occur, but they still exist. You have to pay for iCloud storage if you want more than the 5GB of storage that you can get for free by using your own computer. and while the prices have come down, I see no reason to pay Apple for something that I can do with my own Mac.
    On the other hand, if you use your iPad away from home a good bit of the time .... such as for work reasons, if you need to erase the device because of some problem that you are trying to fix, you can download your backup from iCloud after activating it again and don't need to have your Mac with you at all in order to do so.
    Its really a choice that you have to make based on how you use your iPad and what your needs are.

  • Which is best way to create a web Flip Book?

    I am creating a spec book of about 200 pages and it used to print and go in a binder but now it needs to be on web as a flip book.
    Since I do all the production work in InDesign I hoped it could be an export.
    I have heard about http://page-flip.com/ and http://www.freshcatalog.com/ but should I have to pay for more software if I can do it in InDesign?
    Will a 200 page project be a monster of a file size and would that cause performance issues?
    I appreciate opinions on this issue.
    Thanks Jim K

    Please point this "Nobody here is under any obligation to answer your question…" in the "Community guidelines". Ether this rule is buried somewhere deep or it does not exist. Id like to point out that we are your customers granted you're our only realistic choice, but we do not work for Adobe. So most of us do not know all the "in's and out" within trying to find Adobe product solutions. It would be very troubling if your customers became expert in navigating through your "community help".

  • Best way to return structured data?procedure or function?

    Hi everyone.
    I cannot choose the best way to return, from java stored procedure, some data.
    for example , which is best way to write this method:
    public STRUCT function(input parameters) { STRUCT result     ...   return result; }
    or
    public void procedure(input parameters, STRUCT[] struct) { STRUCT result     ...   struct[0] = result; }
    in the last way, the wrapper obviously will be: CREATE PROCEDURE name(... IN datatype, data OUT STRUCT)
    Which is best way in efficiency ?
    thank you ;)

    da`,
    By "efficiency", I assume you mean, best performance/least time.
    In my experience, the only way to discover this is to compare the two, since there are many factors that affect the situation.
    Good Luck,
    Avi.

  • Best Way to upload Inspection plan

    Dear all,
         Which is best way to upload inspection plan.
    Thanx & Regards,
    Harish Parab.

    Hi Harish,
    The Best Method is BDC as posted by others in the thread.
    Please also go through the below thread for approach for Master Data Migration as discussed earlier.
    [Link|Extension of Quality/Inspection Plan;
    Thanks,
    RKM.

  • Which is the best way Applets or JSP

    Hi I am trying to develop a application to
    run on the internet .It involves few master detail table in each form and 10 Different functions.The forms needs to have LOVs and other validations.Which will be the best way to go.Total tables involved would be around
    40 and coulumns in these tables would be (15 - 40).
    Any suggestions
    jagan
    null

    I'll give you my input/opinion based on my own experience. Others may have additional considerations to add, or may want to disagree with some of my points:
    Benefits of JSPs:
    1. This is an evolving technology that a lot of people are now using. It is very powerful, and the performance is pretty good.
    2. It is much easier to deploy than an applet.
    3. It will continue to improve and be easier to work with, especially with our upcoming 3.2 release.
    4. Does not require a lot of Java experience.
    Drawbacks of JSPs:
    1. No GUI editor for laying out the user interface. You are using HTML code in a text editor, which is trickier to see how the UI will look as you go. Again, this will continue to improve over time, and our 3.2 release will make it a little easier to deal with the HTML and Java code.
    Benefits of Applets:
    1. There is a UI editor for designing the layout, but layout in Java can be tricky.
    Drawbacks of Applets:
    1. Deployment can be very error prone.
    2. Subject to security restrictions such as the database you connect to and the webserver the applet runs from must be on the same machine. You can work around this, but it complicates matters.
    3. Clients need to have the Java Plug-in installed with their browser.
    4. Performance is not great, especially for a lot of data going back and forth.
    5. Requires that the applet code is downloaded to the client, temporarily at least, at runtime. The more code you have in your applet, the longer it takes to download when the client invokes it.
    Bottom line is that Applets are fine for small tasks, and are preferable for 'intranet' use versus 'internet' use (outside).

  • What's the best way to keep two hard dives synced?

    I've been looking at the best way to protect my data and I've learned a few things. My first thought was RAID but a bit more research showed RAID is not a fix-all. It has it's own problems and even if I use a RAID1 or RAID10 array (depending on the number of drives) a failure in one drive can actually set off another drive, killing multiple drives and still destroying my data. There are a few other issues I've seen, such as the way you need to manage a RAID system that don't overly appeal to me.
    So what I'm thinking now is two separate hard drives that are synced in some manner. Both of these drives are going to be sitting on the back of my iMac at all times so there's no real worry about their needing to be connected to back up. The question is how best to do it?
    So far my options are:
    Chronosync: Software wise, I know this can sync across drives and as such has been something that interests me. However, I'm not sure how powerful it is and I'm still curious about how I would have to use it.
    SuperDuper: Same thing as Chronosync, really, just a different piece of software.
    Rsync: To be honest, this is the one that interests me the most. I need to look into it a bit more I'm starting to think this might be a great choice for me. With some caveats.
    Basically, here are the things I'm going to use it for:
    Two 3–4 TB HDDs or RAID0 arrays.
    Storing of general project archives, images, documents, movies, music, that kind of thing.
    Possibly for system backup with Time Machine.
    Now, how I'd prefer it to work is:
    I keep both hard drives plugged in via FireWire cables.
    Ideally, whenever I edit, add or delete a file on one hard drive the change is immediately made to the other.
    Once the syncing is set up I never touch it again, don't have to.
    The only time I ever have to come back to it is if I'm swapping out one or both of the drives for larger ones.
    All of this is controlled by some sort of GUI
    I'm willing to accept terminal commands if I have to... But I'd really prefer not to. Also, if the syncing has to be done every hour or once a day or some other similar schedule I'm willing to accept that as well, though it's not preferred.
    So that's what I'm looking at doing. I'd love to hear what you guys think.

    True, it's not technically backup in the traditional sense. What I'm looking for is data protection and redundancy, which is a factor of backups. So in that sense it kind of is, but I see your point.
    Anyway, the reason I'm avoiding RAID is because:
    1. It can be a pain to manage.
    2. It's horribly inflexible.
    3. It's protection is limited.
    4. It brings it's own set of hazards.
    5. RAID arrays can be very expensive once they start getting complex.
    I will likely end up going RAID partially in the end simply because I have a 2 TB external and it's filling fast. I can grab a 3 TB now but I've heard reliability issues so instead I'm thinking two 4TB (2x2TB) RAID0 arrays that I sync.
    This gives me the benefit of RAID in a simple form, which bypasses the larger array complexities, while leaving me still fully protected and highly flexible. It also doesn't have the inherent risks of RAID because if one of the arrays goes down it will in no way effect the other.
    Honestly, I'm not worried about file changes. At all. I'm the only one who's touching the files (well, not true, but everyone else only has read-access). I also tend to not delete things (which is why I have a 2 TB drive that's filling fast). Expansion is my main concern and RAID expansion can be a nightmare unless you go for some of the more expensive systems that are easier to manage. With ease of management comes a hefty price.

  • HT3775 I NEED I TUNES FOR A 64 BIT PC. OPERATING SYSTEM IS WINDOWS 8, NON TOUCH SCREEN. WHICH IS THE ABSOLUTELY BEST WAY TO GET ITUNES OPERATING CORRECTLY ON MY PC????//I HAVE TRIED SEVERAL THINGS, NONE OF WHICH ARE WORKING. IS ITUNES DELIBERATELY EXCLUDI

    I cannot get itunes to work/install on myPC. I am running windows 8 in a 64 bit machine. I also want to purchase books via itunes for my Nook. Are you deliberately excluding PC owners so we cannot use ituens on our computers???? I have selected a community but have no idea what community I should be working with. Can somone explai these communities to me? Also. you don't allow much time to go thru the sign up process. I had to start over SEVERAL times as you kept timing me out. Jesus...when people are signing up for the first time, we have no idea of the questions that will be asked. Give us a break and give us time to sign up. Not everone is disability free and able to go thru your process quickly...you are NOT user friendly. You should be for people who are wanting to join your community. I used to want an Apple product but now that  I have had first hand experience with your web page, I think I will probably stay away from Apple products. VERY DISAPPOINTING

    Jan 11, 2014 10:26 AM  Re: I NEED I TUNES FOR A 64 BIT PC. OPERATING SYSTEM IS WINDOWS 8, NON TOUCH SCREEN. WHICH IS THE ABSOLUTELY BEST WAY TO GET ITUNES OPERATING CORRECTLY ON MY PC????//I HAVE TRIED SEVERAL THINGS, NONE OF WHICH ARE WORKING. IS ITUNES DELIBERATELY EXCLUDING
      Re: I NEED I TUNES FOR A 64 BIT PC. OPERATING SYSTEM IS WINDOWS 8, NON TOUCH SCREEN. WHICH IS THE ABSOLUTELY BEST WAY TO GET ITUNES OPERATING CORRECTLY ON MY PC????//I HAVE TRIED SEVERAL THINGS, NONE OF WHICH ARE WORKING. IS ITUNES DELIBERATELY EXCLUDING PC'S  in response to Birdlover1      
    Post over in the iTunes for Windows forum, here:
    https://discussions.apple.com/community/itunes/itunes_for_windows
    sebastian

  • Which is the Best way to upload BP for 3+ million records??

    Hello Gurus,
                       we have 3+million records of data to be uploaded in to CRM coming from Informatica. which is the best way to upload the data in to CRM, which takes less time consumption and easy. Please help me.
    Thanks,
    Naresh.

    do with bapi BAPI_BUPA_FS_CREATE_FROM_DATA2

  • Whats the best way to transfer everything from my old macbook pro to a new mac mini, i have a external hard drive which i backup to regularly via time capsule

    whats the best way to transfer everything from my old macbook pro to a new mac mini, i have a external hard drive which i backup to regularly via time capsule

    Check out > OS X Lion: How to use Migration Assistant to transfer files from another Mac

  • HT1364 I just bought a new PC and now have ample space on my C drive to house my music Library which is currenlty installed on a external drive.  What is the best way to install and move the itunes library to my C Drive?

    I just bought a new PC and now have ample space on my C drive to house my music Library which is currenlty installed on a external drive.  What is the best way to install and move the itunes library to my C Drive?

    If the entire library is on the external drive then simply copy the iTunes folder into <User's Music> on the new computer, then install iTunes. If you've already installed iTunes you will want to remove the empty iTunes folder in <User's Music> first.
    If it turns out you only have the media folder on the external drive then take a look at this post...
    tt2

  • What is the best way to manage my iPhoto, which is taking up too much space on my MacBook Pro?

    What is the best way to manage my iPhoto, which is taking up too much space on my MacBook Pro?
    Specifically, I'd like to keep some of my favorite pictures on the laptop while moving the rest to an external hard drive. Is there a way to tag just a few pictures inside an event/album as "favorite", while storing the rest in an EHD, but still keep them connected to the same event/album? I'd like to have just the favorite pictures on the laptop, but when I have the EHD connected,  be able to view all my pictures in the same place, and not have to browse through separate hard drives. Ideally, whether or not a picture is designated as "favorite" will determine where it resides.
    Is this at all possible?
    I have only 7 GB left on my HD and I'm desperately needing a solution!
    Thanks!

    You need two libraries to do this. One on the external with all your Photos. One on the internal with a subset - your favourites. You do it this way to make backing up easier - that is, back up the library with everything, so you're only backing up one.
    Make sure the drive is formatted Mac OS Extended (Journaled)
    1. Quit iPhoto
    2. Copy the iPhoto Library from your Pictures Folder to the External Disk.
    Now you have two full versions of the Library.
    3. On the Internal library, trash the Events/albums/photos you don't want there
    Now you have a full copy of the Library on the External and a smaller subset on the Internal
    Some Notes:
    As a general rule: when deleting photos do them in batches of about 100 at a time. iPhoto can baulk at trashing large numbers at one go.
    You can choose which Library to open: Hold down the option (or alt) key key and launch iPhoto. From the resulting menu select 'Choose Library'
    You can keep the Library on the external updated with new imports using iPhoto Library Manager

  • I would like to know the best way to scan music into a pdf format which I can then sync with ipad

    I would like to know the best way to scan music into a pdf format which I can  then sycn with ipad

    smgchandler,
    Any camcorder that can connect via USB or that can save to an SD card can interface with an iPad if you have the iPad Camera Connection Kit so that you can watch your videos on the new iPad's beautiful retina display.  You can find this on the Apple website or in most big box retail stores.
    http://store.apple.com/us/product/MC531ZM/A?fnode=MTc0MjU4NjE

Maybe you are looking for

  • Syncing apple notes on my MacBook with iPhone and iPad.Mac ap store that will sync easily with apple notes?

    im trying to sync notes on my iPhone and iPad with my new MacBook pro. Although I don't see the generic "apple notes ap" on the macbookpro. Any suggestions?

  • Read Out Loud Accessibility

    I am not able to use "read out loud" for a pdf book file.  I get this error "Read out loud cannot be activated for this document because it's permissions do not allow for content copying for accessibility." I checked under document restrictions and t

  • Question about Message Selector

    Dear all, I have implemented a JAVA progrram which will sent 10 JMS messages into AQ sequentially, and then use another JAVA client which will get JMS message from the AQ. I found out that if i use Message Selector to get message from AQ, the message

  • Is any one familiyer with this error

    Deployment failed: Nested exception Resolution: Base Exception: java.rmi.RemoteException deploy failed!: ; nested exception is: oracle.oc4j.admin.internal.DeployerException: Error initializing ejb-module; Exception Error loading class 'com.framework.

  • Multiple "GetResultSet" prompts when on-demand subreport added

    <p>A very strange thing started to occur with one of 4 reports I designed against a Java Bean.  </p><p>When I add an on-demand subreport at the detail level, and the subreport is either a copy of the main report, or designed specifically for the subr