Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    Can I add a "sub-container" around the lefthand column and righthand columns but NOT around the masthead?
    I want my masthead (and the container behind the masthead) to be transparent so that the words of the masthead appear directly over the background picture of the body section.
    However, I want a coloured backgound on the "subcontainer" around the left and right hand columns so that this background extends down to the footer on both the left AND right hand columns even if one column is longer than the other. Setting the background colour of the left and right hand columns gives me one column visibly shorter than the other.

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    What is the URL to your site (so we can see what you have now)?


  4. #3
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    Miseim - I think I have "sort of" fixed this by adding a subcontainer div into my master file and then closing it AFTER the footer:
    <!-- Begin SubContainer -->
    <div id="subcontainer">
    <!-- Begin Left Column -->
    <div id="column_l">
    <!-- #BeginEditable "content" -->
    <h3>Headline 2</h3>
    <p>insert content here</p>
    <!-- #EndEditable --></div>
    <!-- End Left Column -->
    <!-- Begin Right Column -->
    <div id="column_r">
    <!-- #BeginEditable "right hand col" -->
    <h3>Heading</h3>
    <p>insert content here</p>
    <!-- #EndEditable --></div>
    <!-- End Right Column -->
    <!-- Begin Footer -->
    <div id="footer">
    footer code is in here
    </div>
    <!-- End Footer -->
    </div>
    <!-- End SubContainer -->
    It's not 100% in that I have to have the subcontainer background as the footer basis as well (otherwise Firefox still shows one column shorter than the other) but I can work with this and it seems Ok in major browsers.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

css style subcontainer

Click on a term to search for related topics.
All times are GMT -6. The time now is 03:36 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com