From: -D- on
Hello,

Is there a way to get a parent or container div to expand 100% height in a
browser window using css that doesn't depend on the content to expand the
height?

I tried setting the body tag to 100% height and then the container div to
100% height, which worked in IE, but not Mozilla browsers.

Just wondering if there is a method to do this?

Thanks,
-D-


From: Gary White on
On Mon, 19 Sep 2005 23:02:17 -0500, "-D-" <someone(a)NOSPAM.com> wrote:

>I tried setting the body tag to 100% height and then the container div to
>100% height, which worked in IE, but not Mozilla browsers.


Set the html element to 100% height:

html,body{height:100%}

Gary
From: -D- on
Thanks Gary...that got it.

If I may ask one additional question. I've been trying to get my content
vertically centered within my container div. The container div has the
height set to 100%. I nested a div within the container and set it's height
to 50% and position: absolute, but that didn't work.

Here is a test link:
http://www.dwayneepps.com/login.asp

Thanks again for your help.
Regards,
-D-


"Gary White" <reply(a)newsgroup.please> wrote in message
news:qb3vi1tig61k6ril7saq3c5kis3au4pv9r(a)4ax.com...
> On Mon, 19 Sep 2005 23:02:17 -0500, "-D-" <someone(a)NOSPAM.com> wrote:
>
> >I tried setting the body tag to 100% height and then the container div to
> >100% height, which worked in IE, but not Mozilla browsers.
>
>
> Set the html element to 100% height:
>
> html,body{height:100%}
>
> Gary



From: Osgood on
-D- wrote:

> If I may ask one additional question. I've been trying to get my content
> vertically centered within my container div.

As far as I know that's not possible.


From: Alexander Ross on
I've never tried this, but give it a whirl.

..container{
height: 100%;
}
..content{
height: 100px;
margin: auto 0;
}

--
Alex



"-D-" <someone(a)NOSPAM.com> wrote in message
news:dgo8cf$ha5$1(a)forums.macromedia.com...
> Thanks Gary...that got it.
>
> If I may ask one additional question. I've been trying to get my content
> vertically centered within my container div. The container div has the
> height set to 100%. I nested a div within the container and set it's
> height
> to 50% and position: absolute, but that didn't work.
>
> Here is a test link:
> http://www.dwayneepps.com/login.asp
>
> Thanks again for your help.
> Regards,
> -D-
>
>
> "Gary White" <reply(a)newsgroup.please> wrote in message
> news:qb3vi1tig61k6ril7saq3c5kis3au4pv9r(a)4ax.com...
>> On Mon, 19 Sep 2005 23:02:17 -0500, "-D-" <someone(a)NOSPAM.com> wrote:
>>
>> >I tried setting the body tag to 100% height and then the container div
>> >to
>> >100% height, which worked in IE, but not Mozilla browsers.
>>
>>
>> Set the html element to 100% height:
>>
>> html,body{height:100%}
>>
>> Gary
>
>
>


 |  Next  |  Last
Pages: 1 2
Prev: ISScript.msi
Next: DW8 stoped working today