CODEWITHSUNDEEP
cssbackgroundbackground-image
mowwwalker
mowwwalker

Reputation: 17362

CSS background half on either side?

In the inferno design (SMF 2.0), the red background of the main_body div shows up half on the left and half on the right, how is this done? http://demo.dzinerstudio.com/

Upvotes: 0

Views: 338

Answers (2)

nodrog
nodrog

Reputation: 3532

You just need a background image on the body element that is aligned top and tiled horizontally. 

body {
  background: url(/myimage.png) center top repeat-x
}

then just need the image to be the right height for the look your going for...

Upvotes: 2

JustMaier
JustMaier

Reputation: 2261

It's just because the div.wrapper is on top of the div.main_body. To get the half effect on the main_body div, they just have a background color and a gradient image tiled on the x axis. Is that not you question?

Upvotes: 0

Related Questions