[css-d] Div Overflow Issue

2009-01-15 Thread Robert Swilley 
Hello,

I've published the skeleton of my website.  You can view the two pages
below.

Ex. A: http://www.rswilley.com/test/index.html
Ex. B: http://www.rswilley.com/test/index2.html

Basically what I'm trying to do is have #main always fill up the page even
if the #content div does not have enough text in it to fill the page.

If you look at example B you will see that this works until the content
overflows. Since #main height is set to 95% it is not growing.

If i take the height setting out (example A) it grows, but does not fill the
page if there is not enough content.

What am I doing wrong here?  Is there any solution for this without having
to write some javascript to do it?

Thanks,
Robert
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div Overflow Issue

2009-01-15 Thread Bill Brown 
Robert Swilley wrote:
 Ex. A: http://www.rswilley.com/test/index.html
 Ex. B: http://www.rswilley.com/test/index2.html
 If you look at example B you will see that this works until the content
 overflows. Since #main height is set to 95% it is not growing.

This might help (more or less) in Example B:
#main {
/*  height: 95%; --REMOVE */
   min-height: 95%;/* --ADD */
}

-- 
!--
  ! Bill Brown macnim...@gmail.com
  ! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div Overflow Issue

2009-01-15 Thread Robert Swilley 
Yes, that seems to have worked. Thanks!

On Thu, Jan 15, 2009 at 2:00 PM, Bill Brown macnim...@gmail.com wrote:

 Robert Swilley wrote:

 Ex. A: http://www.rswilley.com/test/index.html
 Ex. B: http://www.rswilley.com/test/index2.html
 If you look at example B you will see that this works until the content
 overflows. Since #main height is set to 95% it is not growing.


 This might help (more or less) in Example B:
 #main {
 /*  height: 95%; --REMOVE */
  min-height: 95%;/* --ADD */
 }

 --
 !--
  ! Bill Brown macnim...@gmail.com
  ! Web Developologist, WebDevelopedia.com
 --

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/