inherit
25952
0
Feb 3, 2013 16:48:49 GMT -8
Tyson
1,464
June 2004
miracle
|
Post by Tyson on Sept 25, 2009 13:47:23 GMT -8
I'm trying to figure this out, but after a few hours of searching and still ending up stumped, I thought I'd ask for help.
What I've got is 2 columns. On the left is most of my content, on the right, I'll have 2 images stacked on top of each other. I've already got both positioned (floating to the right) and everything is good to go except for the bottom image. I need that to repeat vertically all the way to the bottom of the page. Right now, it won't repeat unless there's text placed inside the div, which isn't what I want to do.
I read somewhere that there's a...
background-size: 100%;
...property, however, that didn't work at all. I think it's because it's not supported by browsers yet or something... not sure.
|
|
inherit
96289
0
May 17, 2020 9:37:00 GMT -8
elli
1,822
January 2007
ebbymac
|
Post by elli on Sept 25, 2009 13:52:49 GMT -8
background-image: url(img source);
background-repeat: repeat-y;
height: 100%;
position: absolute;
?
With height: 100%, you have to add height: 100% to the body style, as well.
|
|
inherit
25952
0
Feb 3, 2013 16:48:49 GMT -8
Tyson
1,464
June 2004
miracle
|
Post by Tyson on Sept 25, 2009 14:04:06 GMT -8
Works, but it keeps repeating further than the rest of the page :\
|
|
inherit
96289
0
May 17, 2020 9:37:00 GMT -8
elli
1,822
January 2007
ebbymac
|
Post by elli on Sept 25, 2009 14:07:53 GMT -8
Then try relative, rather than absolute.
If you could post a link maybe, I'd be able to help you a lot faster.
|
|
inherit
25952
0
Feb 3, 2013 16:48:49 GMT -8
Tyson
1,464
June 2004
miracle
|
Post by Tyson on Sept 25, 2009 14:21:26 GMT -8
That put it back to how it was.
I would, but I don't have any hosting...
What's happening is the div on the left is stretching vertically, and the div on the right isn't. I tried wrapping a div around both, but that didn't work either.
|
|
inherit
96289
0
May 17, 2020 9:37:00 GMT -8
elli
1,822
January 2007
ebbymac
|
Post by elli on Sept 25, 2009 14:37:40 GMT -8
Can you post your CSS?
|
|
inherit
25952
0
Feb 3, 2013 16:48:49 GMT -8
Tyson
1,464
June 2004
miracle
|
Post by Tyson on Sept 25, 2009 14:40:52 GMT -8
If you hop on MSN, I can send you the files
|
|
inherit
130228
0
Jul 11, 2024 19:19:59 GMT -8
Charles Stover
1,731
August 2008
gamechief
|
Post by Charles Stover on Sept 27, 2009 18:35:47 GMT -8
There is no attribute to make an element "as tall as the rest of the page." Best I can recommend (unless I'm misunderstanding what you're requesting): body { background-image : url("the-repeating-image.jpg"); background-position : center bottom; background-repeat : repeat-y; /* IDK if you want it to repeat-x too */ } div#wrapper { background-color : #ffffff; /* other background attributes for anything ABOVE the repeating image */ } <body><div id="wrapper"> stuff and text </div></body> Then stuff and text will be in its little white bubble with whatever other things you want in there, while below it <body> will have the repeating image until the bottom of the page. |
|
