div layout help

[=?Utf-8?B?cm9kY2hhcg==?=]

hey all,
i was wondering why my div will not extend the height of it's container div?

http://www25.brinkster.com/rodchar/ques200710231133.png

thanks,
rodchar

[bruce barker]

in standard CSS, a height:100% means height of parent, but there is a
requirement that the parent have a specified (absolute) height. this is
because the size of a parent defaults to its content height. there is no
size specified for the parent so 100% is ignored.

the second issue is that the nav div is a block element, so this means
its starts on a new line, thus below the <h1></h1>

you should put the header in a div, and use relative postioning to set
them side by side.

-- bruce (sqlwork.com)

rodchar wrote:

hey all,
i was wondering why my div will not extend the height of it's container div?

http://www25.brinkster.com/rodchar/ques200710231133.png

thanks,
rodchar

[=?Utf-8?B?cm9kY2hhcg==?=]

thank you for that insight.
rod.

"bruce barker" wrote:

in standard CSS, a height:100% means height of parent, but there is a
requirement that the parent have a specified (absolute) height. this is
because the size of a parent defaults to its content height. there is no
size specified for the parent so 100% is ignored.

the second issue is that the nav div is a block element, so this means
its starts on a new line, thus below the <h1></h1>

you should put the header in a div, and use relative postioning to set
them side by side.

-- bruce (sqlwork.com)

rodchar wrote:

hey all,
i was wondering why my div will not extend the height of it's container div?

http://www25.brinkster.com/rodchar/ques200710231133.png

thanks,
rodchar