|
Re: rounded boxes with CSS
Basically you want this to be done in 3 cuts as you planned for.
Top
Middle
Bottom
- Code: Select all
#top {
height:7px;
overflow:hidden;
background: url("fooTop.jpg")no-repeat left top;
}
#middle {
background: url("fooMiddle.jpg") repeat-y left top;
}
#middle p {
padding:0 10px 0 10px;
}
#bottom {
height:7px;
overflow:hidden;
background: url("fooBottom.jpg")no-repeat left top;
}
in HTML
- Code: Select all
<div id="wrapper">
<div id="top"> </div>
<div id="middle">
<p>Content goes here</p>
</div>
<div id="bottom"> </div>
</div>
That should work.
#wrapper will contol the width of the elements.
__________________
I hate IE 6. Just sayin.... 
Last edited by moojoo; Aug 17th, 2007 at 14:48.
|