Re: CSS3 box height %

> <div id="parent" style="height: auto">
>   <div id="child1" style="height: 10em" />
>   <div id="child2" style="height: 70%" />
>   <div id="child3" style="height: 70%" />
> </div>

Boris -- What result do you expect here? A common sense result IMO is an
overall 10em height, even rendering the both 70% declared child elements as
10em, and thus making all definitions expect 'height: 10em' obsolete. For me, the
example implies an inconsequent use of the height property (resp. its
values), because contradictory.

> ...what height is the <a> element?

Ian -- Should be rendered as 100%, assigning the second <b /> element a 25%
height (100% related to maximum space available, or using the entire screen
height). But wouldn't it be more useful to bring in this example:

   <a>
     <b1> 1 </b1>
     <b2> 2 </b2>
     <b3> 3 </b3>
   </a>

   * { display: block; }
   a { height: 500px; }
   b1 { height: 75%; }
   b2, b3 { height: auto; }

...and thus clarifying the only legal way to mix relative with absolute
values? <b1 /> would obviously be 375px high, while allowing <b2 /> and <b3 /> to
share its space.

-- Only some thoughts.


All the best,
 Jens.


-- 
Jens Meiert

Steubenstr. 28
D-26123 Oldenburg

Mobil +49 (0)175 78 4146 5
Telefon +49 (0)441 99 86 147
Telefax +49 (0)89 1488 2325 91

Mail <jens@meiert.com>
Internet <http://meiert.com>