If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

wrapper borders - aaaggh help please! Mild NSFW

Hello and thank you for reading!

I am working on a site and am having an issue, I am using 960gs i.e I have a header, navigation, bar, background-repeat, content and footer.... All fine, but I am still finishing things...
However I want to put a wrapper-style boder around the main body of the content and am having a brain freeze...
Here is the url...
http://www.misskittylea.com/index_neverfind3.htmlAdult Link
Where you see the footer image with a background style border, I would like to style a border similar to that around all of the main body content...
Can anyone point me in the right direction please?
many thanks in advance...
K

Not sure if you just want a 'frame' look or rounded corners, but the footer is an image. If you want rounded corners, you can use border-radius. Note this is only CSS3, so you will have to be aware that older browsers won't see it.

Not sure if you just want a 'frame' look or rounded corners, but the footer is an image. If you want rounded corners, you can use border-radius. Note this is only CSS3, so you will have to be aware that older browsers won't see it.

Thanks for the repsonse...no I need a frame style border, I know the bottom is an image. I need a solution for the main body...

Well, you seem to have enough divs to create the effect. If you specify the height of your "bodysec" div to not go down as low as your footer (since footer is not within bodysec anyway), you could then use that as the main "frame" by filling it with a gradient or whatever and the first inner child, "padder-10," could be the pink as you have it now, creating a frame effect.

I case you're not familiar with css gradients, here's a link to a quick tutorial.

You could also try the new css3 box shadow, just remember it won't show up in older browsers: here's a link for that

Well, you seem to have enough divs to create the effect. If you specify the height of your "bodysec" div to not go down as low as your footer (since footer is not within bodysec anyway), you could then use that as the main "frame" by filling it with a gradient or whatever and the first inner child, "padder-10," could be the pink as you have it now, creating a frame effect.

I case you're not familiar with css gradients, here's a link to a quick tutorial.

You could also try the new css3 box shadow, just remember it won't show up in older browsers: here's a link for that

I have tried a couple of variations to get like a frame effect but it shows me nothing as yet, how do you write the inner-child for the above css? Sorry I'm swamped and having issues... I was thinking of adding the below horizontal gradient as a frame with the pink as the inner child like you said...I'm stuck

Your bodysec is still going down as low as your footer, though your footer is outside bodysec. Here are some suggestions:

*Specify a height for bodysec or else the gradient will fall behind footer as well.
*Add the .gradientV class to the bodysec div so the gradient gets applied to it.
*Reduce the width and height of padder-10 by ten px instead of using it for padding 10 px (might need to change the class name) so that it is actually smaller than bodysec. That way you will be able to see the gradient.

Your bodysec is still going down as low as your footer, though your footer is outside bodysec. Here are some suggestions:

*Specify a height for bodysec or else the gradient will fall behind footer as well.
*Add the .gradientV class to the bodysec div so the gradient gets applied to it.
*Reduce the width and height of padder-10 by ten px instead of using it for padding 10 px (might need to change the class name) so that it is actually smaller than bodysec. That way you will be able to see the gradient.

I am just getting my head round the padder-10, i've never used it before. So you mean create a new div class to fit inside the body sec with the pink colour as the background, thus creating kind of border effect by blocking over the gradient....? Am I on the right track... just not sure how I would style this using - is it some kind of inner-child div???? I think I'm close...

Would adding a height for the bodysec effect the gradient on other pages with varying content heights? Cheers