Div tag not expanding with content.. Help please!

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

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

Similar Messages

  • Template- container div background not expanding with page

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

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

  • My hotmail is not working with E72-Help please

    Dear All,
    I used to have a Nokia E55- my hotmail was working properly, and when ever i receive an email, it synchronize  it directly to my mobile phone. but when i changed my mobile model to Nokia E 72, it could not work at all!!! even my gmail too.
    the steps are as follows:
    1-enter Email application.
    2-create a new mailbox
    3-start (preparing for setup)
    4- i choose whether Windows live hotmail or Gmail
    5-i place my email and password.
    then nothing happens?!?!?!!?!?!?!?
    why??? i don't know
    please i need help to solve this.
    kindly reply to :
    thanks
    Personal details removed by a moderator. We kindly ask you not to share your personal contact details or your phone's IMEI number publicly on this forum.

    hadimassa wrote:
    d_t_a wrote:
    I'm having this problem in reverse..
    I don't have a Hotmail account and don't need a Hotmail mailbox on my Nokia Messaging.
    However, when I installed the Windows Live Messenger app from Ovi Store, it automatically created a Hotmail mailbox in my Nokia Email.  Since i was trying out the Windows Live Messenger only, I removed it after I tried it out.  Right now, there's a nonfunctioning Hotmail mailbox still in my Nokia Email that I couldn't delete nor access...  Still finding a solution on how to totally completely remove it (since the Hotmail mailbox doesn't appear in the settings portion of Nokia Email/Messaging unlike the Yahoo or Gmail mailboxes which I've defined and created on my E72)
    Your device has to be online with the NM server to delete the mailbox.
    How do I go online with the NM server?
    I only use my home wifi to connect to the Internet and update my emails on the E72.
    Also, the Hotmail mailbox exists only in the Home->Messaging menu but not in the Home->Email menu.   From what I know, there's a Connect menu option in the Home->Email menu, but there's no "Hotmail" mailbox on my Email menu.

  • TS1702 Hello, I,m having problems with Polish spell check. It says in iPnstruction that this App (pages) should show my writing mistakes. Check spell button is on but but check spell is not working. Need help Please.

    Hello, I,m having problems with Polish spell check. It says in iPnstruction that this App (pages) should show my writing mistakes. Check spell button is on but but check spell is not working. Need help Please.

    Hello, I,m having problems with Polish spell check. It says in iPnstruction that this App (pages) should show my writing mistakes. Check spell button is on but but check spell is not working. Need help Please.

  • My Apple desktop computer, 2.4 GHz Intel duo core, OS 10.6.8, stopped recognizing the WD My Book connected via firewire. It works fine with the USB port so it's not the drive. Help please.

    My Apple desktop computer, 2.4 GHz Intel duo core, OS 10.6.8, stopped recognizing the WD My Book connected via firewire. It works fine with the USB port so it's not the drive. Help please?

    It can be the bridge. It could need firmware update. or the FW ports may be an issue. LaCie seemed to invent the phrase/tip 'resetting firewire ports' due to the issues with their drive cases.
    You can try an SMC Reset.
    So far I have avoided name-brand and tend to see them mentioned. Often with a new OS (though you are on 10.6.8, but when 10.6 came out there was a common complaint and thread of users: FW or USB worked but not the other interface).

  • I have a new computer now with windows 8. Old one was windows 7. The itunes library contains all I expect on new computer. Ipod will not sync with content. It says it is syncing but only picks up 1 tune. Solution please. I am on itunes 64 but it makes no

    I have a new computer now with windows 8. Old one was windows 7. The itunes library contains all I expect on new computer. Ipod will not sync with content. It says it is syncing but only picks up 1 tune. Solution please. I am on itunes 64 but it makes no difference from 32 bit.

    See this older post from another forum member Zevoneer covering the different methods and software available to assist you with the task of copying content from your iPod back to your PC and into iTunes.
    https://discussions.apple.com/thread/2452022?start=0&tstart=0
    B-rock

  • When i am trying to restore backup to my iphone, its coming up that back is not compatible with iphone. Please help me restore backup.

    Hi
    When i am trying to restore backup to my iphone, its coming up backup is not compatible with iphone. Please help me restore.
    Thanks
    Mandy

    From the article that the question was posted from:
    Error 1611
    This error typically occur when security software interferes with the restore and update process. Follow Troubleshooting security software issues to resolve this issue. In rare cases, this error may be a hardware issue. If the errors persist on another computer, the device may need service.
    Try reading the solutions you find in the future and follow them.

  • I have an ipad (IOS 7.1) and downloaded latest version of itunes (11.1.5.5) and downloaded itools (1.8.2.8) but my Itools does not work and message that your itools is not compatible with itunes so please want your comment for that.

    I have an ipad (IOS 7.1) and downloaded latest version of itunes (11.1.5.5) and downloaded itools (1.8.2.8) but my Itools does not work and message that your itools is not compatible with itunes so please want your comment for that.

    Hello JD_NINJA,
    Thanks for using Apple Support Communities.
    Error 9006 when restoring your iOS device indicates that there is security software on your computer which is preventing connection to the Apple server or your device.  To troubleshoot this issue please follow the directions below.
    Check your security software
    Related errors: 2, 4, 6, 9, 1611, 9006. Sometimes security software can stop your device from communicating with either the Apple update server or with your device.
    Check your security software and settings to make sure that they aren't blocking a connection to the Apple servers.
    Get help with iOS update and restore errors - Apple Support
    When restoring your iPhone, please make sure to follow the directions in the link below to properly restore.
    Restore your device from an iCloud or iTunes backup - Apple Support
    Take care,
    Alex H.

  • Motorola ,motorokr s9 hd bluetooth, will not skip tracks, any help please

    hi just got bluetooth motorola motorokr s9-hd headphones, paired fine, sound great but when try to skip songs on the headphones it will not let me do that, can anyone advise with any help please .....thanks

    thanks for that help, just been checking some forums and stuff, so hopefully next firmware will be able to do this, at moment i am using voice control and seems to do the trick....thanks

  • I cannot upload an exel file from lap top to numbers in iPad, message says file not supported.   Any help please?

    I cannot upload an exel file from lap top to numbers in iPad, message says file not supported.   Any help please?

    File Sharing lets you transfer files between iPad and your computer. You can share files created with a compatible app and saved in a supported format.
    Apps that support file sharing appear in the File Sharing Apps list in iTunes. For each app, the Files list shows the documents that are on iPad. See the app’s documentation for how it shares files; not all apps support this feature.
    Connect iPad to your computer.
    In iTunes, select iPad in the Devices list, then click Apps at the top of the screen.
    In the File Sharing section, select an app from the list on the left.
    On the right, select the file you want to transfer, then click “Save to” and choose a destination on your computer.
    Transfer a file from your computer to iPad:
    Connect iPad to your computer.
    In iTunes, select iPad in the Devices list, then click Apps at the top of the screen.
    In the File Sharing section, click Add.
    Select a file, then click Choose (Mac) or OK (PC).
    The file is transferred to your device and can be opened using an app that supports that file type. To transfer more than one file, select each additional file.
    Delete a file from iPad: Select the file in the Files list, then tap Delete.
    or use dropbox

  • HT1222 I have an iPhone and new iPad. Epost mail will not open on my devices. Epost says Safari is not compatible with epost. Please address this issue. It is most annoying.

    I have an iPhone and new iPad. Epost mail will not open on my devices. Epost says Safari is not compatible with epost. Please address this issue. It is most annoying.

    Hello:
    You need to contact "epost."  The issue is not an Apple issue....the epost software needs, I assume, to be updated.
    Barry

  • I just switched from Outlook to Mail and now the sent messages are not being displayed.  Help, please.

    I just switched from Outlook to Mail and now the sent messages are not being displayed.  Help, please.

    Back up all data. Rebuild the mailbox.

  • Mail will not send messages. Help please: it receives OK but parks my outbound stuff in either Drafts or Outbox

    Mail will not send messages. Help please: it receives OK but parks my outbound stuff in either Drafts or Outbox

    Thanks for your answer. Apprciate it very much. Just prior to receiving your email, I got back online. However, as I had tried what you suggested (and a lot more as I am 'reasonably' competent), and had been so doing since yesterday afternoon, I do believe that what you suggested was correct - that it was my third rate ISP that was at fault.
    Nevertheless, many thanks once again.
    MJ

  • I reset the ipad. hoping it would help. but still it needs password for activation. the owner already forgot password for icloud as well as password of the email since it was not used since 2011. help please.

    I reset the ipad. hoping it would help. but still it needs password for activation. the owner already forgot password for icloud as well as password of the email since it was not used since 2011. help please.

    Your sister can go to https://iforgot.apple.com/ and see if she can recover her password.
    There is nothing anybody else can do.

  • My new ipod nano will not synch with iTunes - help? ipod nano sw v1.0.2; iTunes sw v11.0.1; mac os x v10.7.4

    My new ipod nano will not synch with iTunes - help? ipod nano sw v1.0.2; iTunes sw v11.0.1; mac os x v10.7.4

    UPDATE
    i was able to connect and synced songs yesterday.
    but when i tried it again today. i cant connect again.
    i tried to disconnect and reconnect million times and i even dropped
    my iPOD and now it has some scratch and i hate it.

Maybe you are looking for

  • Oracle 11.2 in Solaris 10 non-global zone?

    When I try to install in a non-global zone in Solaris 10, the installer system check fails; I think this problem is well-known, but I can't find the guidance notes any more. The generic documentation isn't much help, I'm afraid. This is what I get fr

  • Subcontarcting: vendor batch field for By-products

    Hi, In subcontracting scenario, we recieve by-products (defined in PO) via Mvt 545 when MIGO is done. For these by-products , under Batch Tab ( in MIGO) there is vendor batch field which is greyed-out. Any idea on how to make this vendor batch field

  • KW Repositories are not displaying

    hi I am not getting the list of Repositories in the system at Content Administration -> KW Content. Please help me what is the problem and solution thanx in advance regards kantha

  • Item text not showing up on Snow Leopard

    I'm moving a CS2 plugin to CS4.  One part of the plugin is a dialog which is created dynamically.  Each item is created with sADMDialog->CreateItem.  I have removed everything from the dialog except the OK button: itemRef = sADMDialog->CreateItem( dl

  • Installing 10g and 11g on the same system?

    I have Windows XP and have installed 10g database. Can I install 11g on the same system and I can switch to use either of database? Thanks in advance.