Jump to content

Repeating background but with rounded corners at the top


Recommended Posts

I've seen this done several ways, but I'm looking for a simple solution. The main content area is white, with rounded corners at the top and a shadow around the top and both sides.(See image below) I've saved out the image in 2 pieces, one contains the top 72px or so with the rounded corners. The other is a slim piece, the same width as the top piece, including the shadow. I've created a div and gave it an id="contentcontainer", where all of the content for the pages will rest. Inside of this div is where I need these images to show up. The top image with the rounded corners needs to always be at the top and then the slim piece needs to repeat the length of the content as well as being fluid to accommodate differing amounts of content from page to page. Make sense? Any simple solutions out there? THANKS! new_bg_test.png

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...