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 2 of 2
  1. #1
    Junior Member homes_kelly's Avatar
    Join Date
    Jan 2009
    Member #
    I'm working on a site for my in-laws:

    I made the header and sidebar using slices with photoshop but I want to continue the wood border into the right and bottom of the main content. What is the best way to do this?



  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Cottage Grove, Minnesota
    Member #
    725 times
    You're dealing with the infamous CSS column-height problem.

    You'll need to create a slice of background like this:
    (where the wood is || and the dashes are black) ...


    That becomes the background for the whole center part
    of your page (the nav and the content). It won't matter if
    the nav is taller or shorter than the content ... the illusion will
    make it look right.

    If you're using <div> for nav and content, make those backgrounds:

    Your "footer" will be one wood image going horizontal to close-off
    the bottom.

    This process is known as "faux columns" and you can search for
    that on Google for more information.

    If you make your index file "index.php" instead of "index.html", you can
    use PHP to dynamically change content.

    Example, it will always display the correct year on your copyright if you do this ...

    You can use PHP to insert content and change content dynamically on various
    parts of your page(s), and use PHP to alter the navigation too.


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
All times are GMT -6. The time now is 08:52 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: