Skip to content Skip to sidebar Skip to footer
Home / Css / Html

Html / Css, Getting 2 Backgrounds In Each Side To Adjust With The Wrapper

Post a Comment
im trying to have 2 seperate backgrounds on my website, one in each side, that adjust acording to screen size like on ownedcore.com where the sides adjust with the mid wrapper HTML

Solution 1:

That site looks like it works with 2 backgrounds on 2 containers like this:

<body><divid="A"><divid="B"><divid="wrapper"></div></div></div></body>

then css:

#A {
  background: url(...) top right no-repeat;
}
#B {
  background: url(...) top left no-repeat;
}
#wrapper {
  width: 700px;
  margin: 0 auto;
}

Solution 2:

I'd try to use <img> elements instead. Maybe you can try position:fixed and have one be left: 0 and the other left: 50%. with the width of each to 50% and height auto... may have to play around a bit, but I think that concept should work

Post a Comment for "Html / Css, Getting 2 Backgrounds In Each Side To Adjust With The Wrapper"