HTML main content background not expanding vertically

Posted on 2007-10-02
Medium Priority
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

UnexplainedWays earned 260 total points
ID: 20004084
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

Assisted Solution

netmunky earned 240 total points
ID: 20019696
check out the community content on http://msdn2.microsoft.com/en-us/library/ms530717.aspx wrt to stretching background images. there is a CSS example there with <div>s to accomplish this.

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

809 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