Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Infinite width repeat x Re: Infinite width repeat x

#75182
Qbit
Member

Hi,

I think this is a clasic layout, as seen on many pages. If your content is centered on the page (wrapper) and you just want to extend the header to the left and to the right, just add a giant neagtive margin to both sides and the same amount as a positive padding.


body {
overfow-x: hidden;
}

header {
margin: 0 -9999px;
padding: 0 9999px;
}

I’m not sure if this is the “best” way of doing it, but it always did the trick for me.

Greetz.