I updated the page to use vh. Seems to work well.
Not sure if I can go the flex route. Will need to look into browser support
first, but I hope I can. Much simpler.
On Tue, Mar 21, 2017 at 8:03 PM, Tom Livingston <tom...@gmail.com> wrote:
> Looks like I should be able to use vh. I'll give that a try and test.
>
>
> On Tue, Mar 21, 2017 at 8:00 PM Philippe Wittenbergh <e...@l-c-n.com>
> wrote:
>
>>
>> > On Mar 22, 2017, at 8:28 AM, Tom Livingston <tom...@gmail.com> wrote:
>> >
>> > For me, there was extra height to the page, with a white bg. I could
>> scroll
>> > past the orange bg. Again, in I.E. Edge/11.
>>
>> Hmm - I did’t see that at all, but then, I can’t make the window tall
>> enough (screen size limit of the laptop).
>>
>> Have you thought about using `vh` units to set the height (as in: ` body,
>> .pagewrap { min-height:100vh } `) ? And remove all that percentage-based
>> height/min-height. I suspect that might be the issue.
>>
>> You could go further, and use `display:flex; flex-flow:column;` to center
>> your content (and on the way simplify your markup…). Of course, all depends
>> on the browsers you need to support.
>>
>> Minimal example: https://dev.l-c-n.com/_junk/__x.html
>
>
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@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/
