> Hi all,
>
> I am trying to place a single image in a footer such that it will overlap
> the top and bottom of the footer...
>
> url: http://baseballtriviaquiz.com/virgil/history.html
> css: is contained within the page (I will remove it later)
>
I think you might be better off moving the tree image to the footer div as
a background image. You could have the tree, the light green and the
darker green bottom border combined into one very wide (depending on your
layout's width settings) image that would then be applied to the footer
div, positioned to the bottom left of the footer div.
#footer {
margin: 0 17px 1.0em 0;
padding: 0;
background: #c6d28a url(long-footer-bg.gif) no-repeat bottom left;
height: 25px;
}
Attempted diagram of iamge below.
xx
xx xx
xx xx
x
x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x x x
x x this is the no-repeat very long bg image w/ tree x
x x x
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
x
- - OR - -
You could also try positioning the tree absolutely (instead of relative)
so that it is taken out of the document's normal flow, thus, not affecting
the footer's layout. I think the background image option is easier, and
more stable cross-borwser. I'm sure others will have excellent ideas too.
Good luck
--
Jono Young
Designer | Developer | Illustrator
Charleston Web Solutions
Bringing Higher Standards to the Lowcountry
http://www.charlestonwebsolutions.com
______________________________________________________________________
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/
