Can't make height: 50%

Question

I'm trying to have two divs above and below each other, both of which take up 50% of the screen.

My site is here and the divs in question are #intro and #services. Any idea what I'm doing wrong?

Note: All parent elements of the elements `#intro` and `#services` has to have the height set to work. — Guilherme Nascimento, Jun 06 '14 at 16:39
@GuilhermeNascimento - No, not all parents, just at least one. But in this case since we're dealing with the height of the viewport and percentages, only the html and body elements must have a height set. — j08691, Jun 06 '14 at 16:48
@j08691 Ranges from "webbrowser" (engine, eg. Gecko, Trident, Webkit, etc) to "webbrowser" and "doctype" to "doctype". > Note: this question is a duplicate and has been asked numerous times. — Guilherme Nascimento, Jun 06 '14 at 16:52

score 2 · Accepted Answer · answered Jun 06 '14 at 16:38

2

Add html,body{height:100%;} to your code.

answered Jun 06 '14 at 16:38

j08691

1 Answers1