CSS background image wont stay put -
CSS background image wont stay put -
my problem this: using 3 background images web page, 2 of them able position correctly using 'background-position' property 3rd image (lady.png) not remain want on page when browser window stretched wider. appears beingness positioned relative the border of browser. have tried utilize 'background-attachment:fixed' maintain photo in 1 place not working.
what want main top , bottom graphics aligned 'top center' , image of woman 200px left , 300px downwards top. have tried 'background-position: 200px 300px' still moves frame. assistance appreciated.
here code of page: http://dev.salonbuilder.com/website/150099/services.asp
<td width="100%" style="background-image:url(<%=imagepath%>lady.png),url(<%=imagepath%>new-bg-top.jpg),url(<%=imagepath%>new-bg-line.jpg);background-repeat:no-repeat,no-repeat,repeat-y;background-position:80px 150px, top center,top center; background-attachment: fixed, relative, relative;">
thanks!
here's solution. since aren't using responsive design, can assign fixed width <table>
tag , solve problem of lady.png image moving left when zoom out of website. can add together next style bottom of stylesheet:
table { width: 1349px; }
or add together inline this:
<table width="1349px" height="" border="0" cellpadding="0" cellspacing="0" align="center">...</table>
css background position
Comments
Post a Comment