[css-d] Page height trunaction

2012-01-30 Thread Chris Morton
Consider dev.eigen.com On a 25" LCD monitor set at 1920 x 1200, why doesn't the gradient fill come all the way to the bottom of the screen? Thanks __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/li

Re: [css-d] Page height trunaction

2012-01-30 Thread Chris Morton
Using an onscreen ruler, the gradient appears to end at the 1025 (1026, whatever) mark. Yet when I search the code, there is no instance of "102" anywhere. Help! On Mon, Jan 30, 2012 at 10:48 AM, Chris Morton wrote: > Consider dev.eigen.com > > On a 25" LCD monitor set at 1920 x 1200, why doesn'

Re: [css-d] Page height trunaction

2012-01-30 Thread Chris Morton
I removed the "empty clearfix div above the footer", and then applied clearfix to the #wrapper div. This did not solve the problem, however. I then removed clearfix from the wrapper div and, since it didn't appear to perform any function, have just left it out altogether. I'm still facing the sam

Re: [css-d] Page height trunaction

2012-01-30 Thread Chris Morton
BTW, the problem I'm describing is "as rendered" in Chrome. IE 8 can't deal with the gradient fill at all. :<( On Mon, Jan 30, 2012 at 12:08 PM, Chris Morton wrote: > I removed the "empty clearfix div above the footer", and then applied > clearfix to the #wrapper div. This did not solve the pro

Re: [css-d] Page height trunaction

2012-01-30 Thread Ghodmode
On Tue, Jan 31, 2012 at 2:48 AM, Chris Morton wrote: > Consider dev.eigen.com > > On a 25" LCD monitor set at 1920 x 1200, why doesn't the gradient fill come > all the way to the bottom of the screen? My monitor isn't that big, so I'm not really certain, but if I zoom out enough that the page fit

Re: [css-d] Page height trunaction

2012-01-30 Thread Chris Morton
Thanks, Vince. That appears to have worked the magic. On Mon, Jan 30, 2012 at 1:27 PM, Ghodmode wrote: > > > My monitor isn't that big, so I'm not really certain, but if I zoom > out enough that the page fits without scrollbars, I think I see the > problem. > > The and elements actually have a

Re: [css-d] Page height trunaction

2012-02-01 Thread Chris Morton
Nope... I replied too soon. Setting html and body to a height of 100% works for most pages in Chrome, but not this one: http://eigen.com/about/Management.shtml Also, in IE8 I can force a scroll bar to appear, but it's pretty much static. I don't want to set the height to something like 150% to fo

Re: [css-d] Page height trunaction

2012-02-01 Thread Ghodmode
On Thu, Feb 2, 2012 at 7:45 AM, Chris Morton wrote: > Nope... I replied too soon. Setting html and body to a height of 100% works > for most pages in Chrome, but not this one: > > http://eigen.com/about/Management.shtml > > Also, in IE8 I can force a scroll bar to appear, but it's pretty much > st

Re: [css-d] Page height trunaction

2012-02-02 Thread Jay Tanna
> Nope... I replied too soon. Setting > html and body to a height of 100% works > for most pages in Chrome, but not this one: > > http://eigen.com/about/Management.shtml > > Also, in IE8 I can force a scroll bar to appear, but it's > pretty much > static. I don't want to set the height to some

Re: [css-d] Page height trunaction

2012-02-02 Thread Ghodmode
On Thu, Feb 2, 2012 at 4:30 PM, Jay Tanna wrote: ... > You also need to put height: 100% for * like this: > > * { >        margin: 0px; >        height: 100%;  /* this is required for anything to be 100% */ >        /* padding: 0px; */ > } All elements need to have height 100%? That doesn't make

Re: [css-d] Page height trunaction

2012-02-02 Thread Chris Morton
> > A solution is to put your gradient in a separate block and give that > element these rules: >position: fixed; >top: 0; >left: 0; >width:100%; >height:100%; >z-index: -999; > > ... and apply your gradient to that block instead of the body. > I tried this, creating a *#su

Re: [css-d] Page height trunaction

2012-02-02 Thread Ghodmode
On Fri, Feb 3, 2012 at 3:52 AM, Chris Morton wrote: >> >> A solution is to put your gradient in a separate block and give that >> element these rules: >>    position: fixed; >>    top: 0; >>    left: 0; >>    width:100%; >>    height:100%; >>    z-index: -999; >> >> ... and apply your gradient to