Question

I have a header background that I would like to bleed indefinitely on the x axis. So regardless of the size of someones monitor, the grey background would extend.

How do I do this?

Thanks!

Answer 1

Two answers, depending on what issue you’re exactly facing.

First case:

The background isn’t repeating at all

Assuming you’re using a CSS background-image to render your background, use background-repeat: repeat-x;

Little demo: little link.

If you’re not using a background-image to render your background, then you should consider using it. There’s no direct way of making an <img> repeat.

Second case:

The background is repeating, it’s just not spanning the whole width

You need to make sure your header has width: 100%;. If you have some padding to your headers parent, use display: block; instead of width: 100%;, otherwise it’ll overflow.