9 replies [Last post]
niclipse
niclipse's picture
Offline
Enthusiast
Last seen: 14 years 16 weeks ago
Joined: 2006-02-08
Posts: 54
Points: 0

Balloon lineart background on left column will not repeat vertically...

I figured the #sdnv box height was too short and not allowing it to repeat, so i set height to 100% and that made no change.

[link removed]

How do i get it to repeat?

DanA
DanA's picture
Offline
Elder
Last seen: 12 years 13 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Have a look at the faux

Have a look at the faux columns technique :
http://www.alistapart.com/articles/fauxcolumns/

niclipse
niclipse's picture
Offline
Enthusiast
Last seen: 14 years 16 weeks ago
Joined: 2006-02-08
Posts: 54
Points: 0

That link didnt help me so

That link didnt help me so much. Anyone else?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 22 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

?

niclipse wrote:
That link didnt help me so much. Anyone else?

Why didn't it?

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

niclipse
niclipse's picture
Offline
Enthusiast
Last seen: 14 years 16 weeks ago
Joined: 2006-02-08
Posts: 54
Points: 0

It mentioned tiling a

It mentioned tiling a graphic that makes it apprear to have columns, but tiling/repeat is my problem.

Theres got to be a simple solution to tell that later to stretch out 100% and repeat the background vertically? Right?

Triumph (not verified)
Anonymous's picture
Guru

niclipse wrote:Theres got to

niclipse wrote:
Theres got to be a simple solution to tell that later to stretch out 100% and repeat the background vertically? Right?

Yeah, it's called faux columns.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 22 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Give it another read.

The point is that the bg image is not on the element of interest, but is behind it on the parent or ancestor that does reach the full length.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Triumph (not verified)
Anonymous's picture
Guru

kk5st wrote:The point is

kk5st wrote:
The point is that the bg image is not on the element of interest, but is behind it on the parent or ancestor that does reach the full length.

Yep. Smile I wonder why this one is so hard to grasp. This is not the first time we've run into this. Perhaps the article needs to be rewritten to be more explicit.

niclipse
niclipse's picture
Offline
Enthusiast
Last seen: 14 years 16 weeks ago
Joined: 2006-02-08
Posts: 54
Points: 0

It's not hard to grasp, I

It's not hard to grasp, I was already using faux columns on my site, but a really wanted to avoid "jerry-rigging" my body's background to accomplish this. It's not such a big deal when it's a tiling background image thats 4 pxiels tall, but in order for me to do this correctly, I have to make the faux columns 800 pixels tall because of the size of the balloon line art graphic.

Originally it was 245kb large, but I was able to scale it down with image optimizer to 45kb. So, I have removed the background graphic on #sdnv

Triumph (not verified)
Anonymous's picture
Guru

niclipse wrote:It's not hard

niclipse wrote:
It's not hard to grasp, I was already using faux columns on my site, but a really wanted to avoid "jerry-rigging" my body's background to accomplish this.

You don't have to use faux columns on the body's background, just a parent. You can use faux columns on top of faux columns. Perhaps you are imposing limits that aren't there.