Thank you both for your input. I've tried both of those option, though,
with no success.
Making the content-bottom div an inner div prevents the main content area
from expanding.
The negative top margin for the content-bottom seemed like the best solution
when I began working on this, but in IE (testing in 7, have not tested 8
yet) the background image for the content-bottom overlaps the text and
covers it up completely. It looks fine that way in FF, Opera, and Chrome.
Any idea how I could do this so it works in IE as well?
Oh, and I also tried using Philippe's suggestion to someone else for the
multiple images for a single div, still could not get the main content image
to repeat using that however.
As usual, IE makes CSS much more of a hassle than it should be!
Thank you for all of your help!
Jenni
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
One possible way might be:
#content-bottom {
margin-top: -200px; /* or something more appropriate */
}
Joergen
Hi all,
I am racking my brains to see if there's a way to do this, and not getting
anywhere.
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
Thanks for any thoughts!
Jenni
______________________________________________________________________
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/
