Wrox Programmer Forums
| Search | Today's Posts | Mark Forums Read
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
Old August 2nd, 2008, 05:20 AM
Authorized User
Join Date: Jul 2003
Location: , , .
Posts: 98
Thanks: 0
Thanked 0 Times in 0 Posts
Default Stretching Div

Hello Everyone and thanks for your help in advance. I am learning CSS and have run into a common issue. I have posted a sample at:


The first page displays as I would like. However, when the "Education" tab is clicked on, the text of the pageis short and does not extend the background the length of the page. I ahve searched ont he web without finding a good solution I can understand. Can some tell me how to go about doing this? Any assistance is greatly appreciated.

Old August 5th, 2008, 01:24 PM
Authorized User
Join Date: Jul 2008
Location: , , .
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts

I looked at your page in IE7 and Firefox 2 and it looked fine to me. What browser are you experiencing the problem with?

Shawn Steward
Web Developer
Old August 5th, 2008, 02:32 PM
Friend of Wrox
Join Date: Jun 2008
Location: Snohomish, WA, USA
Posts: 1,649
Thanks: 3
Thanked 141 Times in 140 Posts

I looked at it in both, too, and whether "Education" looks good or not depends on the height of your window. He must be using a really big screen.

Instead, click on "Licenses and Certifications" and you'll see what he doesn't like: The white area in the horizontal center doesn't extend all the way from top to bottom of the window.

He just wants that <DIV> to be <DIV style="height: 100%"> excepting of course that doesn't work. I know how to do it with a little bit of JavaScript, setting the height of the div (in pixels) to match the screen height. But that's a cheat. There must be some way to do it in CSS, alone.

Similar Threads
Thread Thread Starter Forum Replies Last Post
stretching the background image?? nerssi CSS Cascading Style Sheets 3 February 3rd, 2007 04:55 PM
div within a div and inherting the height brettdavis4 CSS Cascading Style Sheets 1 January 23rd, 2007 09:59 AM
Table Cell Auto Stretching When Height Is Defined rsearing CSS Cascading Style Sheets 5 November 26th, 2006 10:26 AM
Contentpage stretching table cells rsearing ASP.NET 2.0 Basics 3 November 14th, 2006 10:39 PM
Stretching Tables BSkelding ASP.NET 1.0 and 1.1 Basics 3 May 12th, 2004 01:44 PM

Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.