HTML main content background not expanding vertically

Posted on 2007-10-02
Last Modified: 2012-06-27
An example page illustrating where I have problem.

Please suggest how can I make the main content area expand vertically as I add more content. See in the page linked above. The first officer among the persons is with the background, but for the others bg is not exapanding, please observe its HTML and guide me in the right direction.
Question by:Fahdmurtaza
    LVL 12

    Accepted Solution

    Your background image has a white line down the bottom:

    If you change the background-repeat from repeat-x to just repeat it wil then flow down your page.

    However, the rest of the page doesn't drop down but it's a starting point
    LVL 8

    Assisted Solution

    check out the community content on wrt to stretching background images. there is a CSS example there with <div>s to accomplish this.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Training Course: Adobe Dreamweaver CC 2015

    Adobe Dreamweaver Creative Cloud is used by web designers and front-end developers and allows you to visualize your site in real-time as you code. This course covers exam objectives for the Adobe Certified Associate (ACA) certification.

    Suggested Solutions

    Title # Comments Views Activity
    Lines Not Lining Up 2 33
    Conditional Link URL - Easy Question 4 31
    Image Orientation On Website 6 22
    HTML5 and Javascript 3 21
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    Read about why website design really matters in today's demanding market.
    This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
    In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    10 Experts available now in Live!

    Get 1:1 Help Now