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

Popular posts from this blog

formatting - SAS SQL Datepart function returning odd values -

c++ - Apple Mach-O Linker Error(Duplicate Symbols For Architecture armv7) -

php - Yii 2: Unable to find a class into the extension 'yii2-admin' -