You need #content-bottom as a container for the bottom image
so make #content-bottom a inner DIV for #content since #content has
the top image.
HTML:
<div id="content">
<div id="content-bottom">
...
</div>
</div>
CSS:
#content-bottom {
background:url(images/content-bottom.jpg) bottom no-repeat;
padding-bottom: 180px;
}
Regards
Maurício
-----Mensagem Original-----
De: Jenni Beard
Para: css-d@lists.css-discuss.org
Enviada em: domingo, 18 de abril de 2010 20:00
Assunto: [css-d] expandable content box spilling into footer area?
Hi all,
I have a header, a content area, and a lower design area specified as
"content bottom" that the content needs to flow down into. The trouble is
that the site is designed so that the main content area will expand as
needed for longer text. I can't figure out if there is any way to still
have the last section of text overflow into the "content-bottom" area such
as shown in this image:
http://charlestonhealinghands.com/graphics/draft2.png
Here is the site template as I've done thus far:
http://charlestonhealinghands.com/1/template.html
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
