I am trying to build a page ... with little current success. Every
time I think I have it, it doesn't work.
I want this:
1. a background image for the whole page
html{
background-image: url(bgtile.gif);
background-repeat: repeat;
}
2. a body ...
body {
margin: 0px 0px 0px 0px;
border: none;
padding: 0px 0px 0px 0px;
height: 100%;
}
Will that confine my body to 100% of the view port? It seems to scroll
even though I have it specified that way.
3. an outside wrapper that has a second background image in it ...
#outside_wrapper{
background-image: url(wrapperbg.jpg);
background-repeat: repeat-y;
background-position: right top;
height: 100%;
width: 800px;
margin-left: auto;
margin-right: auto;
}
Problem, I cannot get this wrapperbg.jpg to go to the bottom of the
page. I have some left floated columns (after a header) and it doesn't
seem to repeat. I have tried adding a second wrapper outside of that
one "superwrapper" and then tried floating the outside wrapper inside of
that for example ... doesn't work. I have tired putting
<div class="clear: both"></div><!-- clearboth -->
just before the end of each div.
Where are the good resources for getting a grip on such issues?
I don't really have a clean site to refer to at this time as this is a
project for someone else and I have their images on that site and cannot
share them.
Thank you in advance.
Don
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
