My website, , is running smoothly.
I have noticed that on larger monitors, the animation on the sides of the pages could be enhanced if my main content had a red/black border with rounded corners and possibly a drop shadow.
I am searching for the simplest way to add these features with minimal code. Ideally, I would like to achieve this using only CSS for most browsers, resorting to a jQuery/JS plugin for IE if necessary. However, omitting it from IE completely is not ideal!
UPDATE:
I managed to apply the styling to my header but faced issues when trying to do the same for the overall wrapper <div>. It seems like I may need to specify the width and height properties in my CSS first.
Thank you!
UPDATE UPDATE:
I discovered that the easiest way to add borders was by using the following CSS3 selectors:
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
And they worked perfectly!