From: "Aubrey Benasa" <[email protected]>
>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.
See if the following changes to your CSS do what you want.
html {
height:100%;
/*overflow:scroll;*/ /* delete */
}
div.bg {
margin:0 auto;
width:1000px;
min-height:100%;
background:#22112d url(images/bg_purple.jpg) no-repeat;
padding-top: 127px; /* add */
}
div.container {
margin-left:auto;
margin-right:auto;
/* position:relative;
top:127px; */ /* delete these two, also */
width:830px;
}
~holly
______________________________________________________________________
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/
