CSS Background Sizing

  • I’m trying to get my background image (simulating columns, instead of using column background colours), to stretch a certain way. But I’m not sure how to go about it.
    Basically, if you look at https://tekmonki.com/tindex.php you’ll see the the diag background on either side of the content. I want that part to fill the rest of the window to the left/right regardless of resolution. From what I can find on the web, to achieve this you make a huge-width image and then specify “min-width” and it will stretch it to fit. What I don’t get though is how it knows what size the inner columns are supposed to be. Is there some ratio or something?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter TMo

    (@tmo)

    Hello?

    Do you want the left and right of the content to be a single column on each side ? This is hard to explain from what I’ve seen…… the best thing to to is use a small image, and have that repeat to fill the screen.
    https://www.squidfingers.com/patterns/
    If you grabbed one of those, set that for the body background it should fill whatever is not content. You could dig through one and then use something to alter the colours to suit ?

    Thread Starter TMo

    (@tmo)

    No.
    Check . . . https://ibeginwithanidea.com/
    View his background image. See how it’s 2000px wide? He’s also set a min-width in the style sheet of 830px, I assume this is what’s compressing it to fit. I’ve emailed him, but no response yet.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Background Sizing’ is closed to new replies.