Jeff Gates wrote:
> http://inourpath.com/intro.html. At the bottom of the page is an
> image of a car. I did this mockup quickly to see how it would look,
> just putting a div at the bottom of the page. But it scrolls with up
> with the content. I want it to be anchored to the bottom of the page
> and revealed as you scroll up.
Start by cleaning up the markup. Get rid of all those <br /> you have in
there, and name the ID correctly:
<div id="footer">
<p class="noindent">
All contents of <b>In Our Path</b> are ©1983-2008 Jeff Gates
</p>
</div>
</div>
<div id="car"><!-- --></div>
</body>
The following CSS (2/2.1):
body {margin: 0;}
#car {height: 250px; background: transparent
url(http://inourpath.com/images/car.gif) no-repeat center bottom fixed;}
...will then do the rest in all browsers above IE6.
If you really, really, also need a workaround for IE6, it is always
possible to hack/stack in a "foreground as background" as described,
with demo, on this page...
<http://www.gunlaug.no/contents/wd_additions_15.html>
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/
