html - How to make this background stretch throughout the whole website -
hi guys have site:
http://www.ryansammut.com/orijen/
basically far managed make top part strech background, need make other parts too. i'm not sure how it, i'm asking ideas how done best, keeping positioning relative , background image adjust according needed content area.
ps. needed resolutions greater 1280px, zoom out if need see what's happening.
you can not stretch elements because contained in div named 'wrapper', has maximum width of 1280px.
add following properties : header, contentbackground, , footer:
margin-left:auto; margin-right:auto; this make sure elements centered.
then remove width property #wrapper, , add background reads follows :
#wrapper { position: relative; margin: 0 auto; top: 0px; padding: 0px; background-image: url(../images/contentbg.png); } however, won't see horizontal stretch of header anymore, need move #header above #wrapper.
<div id="header"> ... </div> <div id="wrapper"> ... </div>
Comments
Post a Comment