Aubrey Benasa wrote:
> Hi there,
> html: http://aubreybenasa.com/height/
> css: http://aubreybenasa.com/height/styles.css
>
> I can't figure out how to make the the full background-image appear on this
> page. When you open the page at a height less than the height of the
> background image (810px) and use the scrollbar to page down, the background
> image and background color is cut off. only if you maximize the browser
> window do you see the full background image and background color. I'm sure
> it's a problem with the way i've set the height in the css. any tips?
>
> thank you in advance,
> aubrey
Hi Aubrey,
Try this:
div.bg
{
/* Add this to avoid margin collapsing */
padding-top: 1px;
}
div.container
{
/* Remove this
top: 127px;*/
/* Change to margin-top; keeps the element in the document flow */
margin-top: 127px;
}
I only tested it in Firefox 3/Ubuntu Ibex, but it should work well in
other browsers, too, I think.
Hope it helps.
--Bill
______________________________________________________________________
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/
