please click on the following link
http://sudhakargolakaram.co.in/files/layout2.html


i need some help with slicing and creating the html for a design which i have provided a link to download the photoshop file


firstly i am not sure how to place the background image which has curved lines at the very top and at very bottom, i have used a method and i guess it is working from the code i have written however i am not sure if this is the right way

second i am not sure what should be the width of the wrapper, from the design there is a grey colored gradient on the left and right and they are curved i have randomly sliced that part however i am not getting the exactly curves of those gradients on the left and right side


third if the content in the middle increases the curved lines at the very bottom should be pushed down when content increases with the background image i have right now if the content increases i guess the curved lines image at the bottom will stay where it is


i would really appreciate if someone can take some time in writting the html and css code for this design by downloading the photoshop file from the above link

thanks a lot

i am not sure how to place the background image which has curved lines at the very top and at very bottom

"Slice" the graphic for the top and bottom sections, all the way across, and put them in as backgrounds for your top and bottom divs.

i am not sure what should be the width of the wrapper, from the design there is a grey colored gradient on the left and right and they are curved

Well, they are not really curved, that's an optical illusion made by the gradient. I'd make the wrapper the full width of that center section and include the right and left gradients in that width. Then make a narrow horizontal 'slice' of the graphic, including the shadows, and set it to repeat-y in your css.

third if the content in the middle increases the curved lines at the very bottom should be pushed down when content increases with the background image

If you set it up as in #2, and put the bottom graphic in a div that follows the main section, it should move down as the center content section expands vertically.

thanks a lot for replying i have followed what you have mentioned and i got the layout working as per the design

can you please look at this file which i have updated and provide your feedback
http://sudhakargolakaram.co.in/files/layout2.html

also the psd file of the design is at
http://sudhakargolakaram.co.in/files/design.psd

thanks