Question

I’m trying to build a blog. I would like to create a design that essentially slides out more of the picture when you drag the browser handle to the right, and slides in to a certain point when you drag the browser handle to the left. How do you do this in css??

EDIT:
I’m thinking you could use a float:right, width:100%, overflow:hidden, combination or something..

Thanks!
Matt Mueller

Answer 1

Okay. I knew I was missing something. Maybe I just wasn’t explaining the question well enough.. either way.. This is what I did.

#header {
background('header.png') top right repeat-x
width: 100%;
}

Now as long as I make sure the background is repeatable, I’ll be in good shape.