Export to GitHub

css-template-layout - issue #7

Vertical layout is broken when body has height 100%

Posted on Aug 11, 2010 by Massive Monkey

What steps will reproduce the problem? body { display: "tt" / 50px "lr" / * 80px * ; width: 100%; height: 100%; }

top {position: t; }

left { position: l; }

right { position: r }

<body> <div id="top"></div> <div id="left"></div> <div id="right"></div> </body>

What is the expected output? What do you see instead? The top has 'height' auto instead of 50px, the right and the left have 'top' 0 instead of 50px and do not fill body height.

What version of the product are you using? On what operating system? v1.1.6

Please provide any additional information below.

Status: New

Labels:
Type-Defect Priority-Medium