Hi Everyone,
I'm working on a little bit of a test for me... Not a live site just
trying to get ready for one.
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 -->
Also... for anyone that wants to see the ugly test page with the css
included: HTTP://www.raoset.com/tests/global7/
Any help would be appreciated!
--
Jason Pruim
Raoset Inc.
Technology Manager
MQC Specialist
3251 132nd ave
Holland, MI, 49424
www.raoset.com
[EMAIL PROTECTED]
______________________________________________________________________
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/