background images - positioned bottom

I made a layout that has a faint striped background that should settle 
to the bottom of the browser window. In my mind, and in Safari, it all 
works as planned (there's some layering I had to juggle) and it's even 
working in FF and IE except the bottom image ends where the 
footer/wrapper/html ends.

The problem is if the content is light, not very much of it, the bottom 
(body) background image is ending where the page ends, not the where the 
window is. Is that what it should do? I cannot remember. Or do I need a 
height on the body?

This is what I have:

body {
	background-image: url(images/pinkbott.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, "Lucida Grande",
sans-serif;
	font-size: 100.1%;

Actually, it's working as planned in IE. Firefox and Opera seem to be 
the only ones cutting it off. :\

Shelly Haffly wrote:
> I made a layout that has a faint striped background that should settle 
> to the bottom of the browser window. In my mind, and in Safari, it all 
> works as planned (there's some layering I had to juggle) and it's even 
> working in FF and IE except the bottom image ends where the 
> footer/wrapper/html ends.
> 
> The problem is if the content is light, not very much of it, the bottom 
> (body) background image is ending where the page ends, not the where the 
> window is. Is that what it should do? I cannot remember. Or do I need a 
> height on the body?
> 
> This is what I have:
> 
> body {
>     background-image: url(images/pinkbott.jpg);
>     background-position: bottom;
>     background-repeat: repeat-x;
>     font-family: "Trebuchet MS", Arial, "Lucida
Grande", sans-serif;
>     font-size: 100.1%;

Dave Buchholz wrote:
> Shelley,
> 
> try putting a padding-bottom value in
> 

I think that might do the opposite of what I'm wanting to do. Right now, 
it looks like there is padding.

Well, that's not true. After jacking with it for awhile, I moved on, 
added some content and now...I don't have that problem. :-D

-- 
Shelly Haffly  |  http://www.haffly.com

Shelley,

try putting a padding-bottom value in

-- 

Dave Buchholz
I-CRE8
www.i-cre8.co.uk
Skype ID: I-CRE8


"Shelly Haffly" <shelly@haffly.com> wrote in message 
news:tu%23HiPQLHHA.1008@ns1.xroubaix.com...
> Actually, it's working as planned in IE. Firefox and Opera seem to be the 
> only ones cutting it off. :\
>
> Shelly Haffly wrote:
>> I made a layout that has a faint striped background that should settle
to 
>> the bottom of the browser window. In my mind, and in Safari, it all
works 
>> as planned (there's some layering I had to juggle) and it's even
working 
>> in FF and IE except the bottom image ends where the footer/wrapper/html

>> ends.
>>
>> The problem is if the content is light, not very much of it, the bottom

>> (body) background image is ending where the page ends, not the where
the 
>> window is. Is that what it should do? I cannot remember. Or do I need a

>> height on the body?
>>
>> This is what I have:
>>
>> body {
>>     background-image: url(images/pinkbott.jpg);
>>     background-position: bottom;
>>     background-repeat: repeat-x;
>>     font-family: "Trebuchet MS", Arial, "Lucida
Grande", sans-serif;
>>     font-size: 100.1%;
>> } 

VERY Nice Shelly. You've done a nice job. This is the first time I've
noticed you've had a link to your site. Were you revamping it?

Ally

"Shelly Haffly" <shelly@haffly.com> wrote in message
news:NKY7ojRLHHA.1124@ns1.xroubaix.com...
> Dave Buchholz wrote:
> > Shelley,
> >
> > try putting a padding-bottom value in
> >
>
> I think that might do the opposite of what I'm wanting to do. Right now,
> it looks like there is padding.
>
> Well, that's not true. After jacking with it for awhile, I moved on,
> added some content and now...I don't have that problem. :-D
>
> -- 
> Shelly Haffly  |  http://www.haffly.com
>
> ** SHWEETS! ** Coming soon.