CODEWITHSUNDEEP
htmlcssimageheader
David
David

Reputation: 4465

overlong image header, but how to only show horizontal scrollbar on body content?

I have a 4000px width image slap on the header of my site. for now, the way I hide the horizontal browser scrollbar is with this:

html {
overflow-x: hidden; }

Unfortunately that will make the horizontal scrollbar never appear. I would the browser scrollbar to appear when the main content of my site is hidden from view.

What is the technique/style for this?

Thanks

Upvotes: 0

Views: 339

Answers (1)

Pekka
Pekka

Reputation: 449495

Put the image into a div with width: 100%, a defined height and overflow: hidden.

By the way, overflow-x is not supported by Internet Explorer 6, so it's not perfectly safe to use yet.

Upvotes: 1

Related Questions