On Feb 22, 2008, at 12:55 AM, Jason Pruim wrote:
> Here's the issue, I have in the past been able to scale the size of
> the images when you scale the text of the website (Nice effect!) but
> today I noticed that if I remove a height attribute on the containing
> div, the pictures don't scale.. Is that expected? Here's what I'm
> talking about:
>
> Doesn't work:
>
> .header {
>
> top: 0em;
> width: 100%;
> margin-bottom: -4em;
> font-size: 150%;
> }
>
> Does work:
> .header {
> height: 1em;
> top: 0em;
> width: 100%;
> margin-bottom: -4em;
> font-size: 150%;
> }
> .floatleft {float: left; margin: 5px;}
>
> HTML:
>
> <div class="header">
> <P><img class="floatleft" src="UltimateEarth.jpg" height="50%"
> width="auto" >
> My Company, My Town! MI<BR>
> Phone:<BR>
> Fax:<BR>
> Email:<BR></P>
> </div><!-- End of header div -->
Percentage heights compute to 'auto' when the height of the parent box
is _not_ specified.
<http://www.w3.org/TR/CSS21/visudet.html#propdef-height>
also, I would be better to specify the height or width in your
stylesheet instead of in in the html code.
Philippe
---
http://l-c-n.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
