Oops, didnt finish.... On 7/5/06, Michael Landis <[EMAIL PROTECTED]> wrote: > On 7/5/06, Visually Insane Genetically Modified Organism > <[EMAIL PROTECTED]> wrote about > http://www.infoforce-services.com/ifs_header_tri.php: > > > Michael > > Thank you for the response. Are you suggesting "display: block;" in the h1 > > img { and .curve img { in the CSS? I almost what I would like. However, in > > column one the tree graphic is not aligning with the top of the graphic. And > > I would like to get "InfoForce stay where it is but align withthe top of the > > screen. > > Ah! Now I get it. Apologies. :-) > > Probably the easiest way to do this is to make the curve a background > image for the header div, instead of an honest-to-goodness image. That > way the InfoForce text will slide up on top of it, along with the tree > graphic. You will need to position the background image some to get > this to work. > > If you are actually trying to stretch that curve across whatever width > the window has, I'd recommend against it. The specs are pretty > unambiguous that a width of "auto" for a replaced element (like an > image) is determined by using the size of the image as it relates to > the vertical height of the image
to continue... A width of "auto" means that it will be related to the height of the image, not the width of whatever it is in.[1] A width of "100%" might do the trick, but the image is going to look rather distorted at anything other than the proper dimension. I'd suggest having the image stretch off for a ridiculous distance to the right, so that as far as the window stretches, you'll just see the end of the image. The image would curve as it does now, but the final point where the yellow disappears and the white bar levels out can go to the right for several thousand pixels or so without issue, if it is a GIF. HTH, Michael [1] http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
