Hi:
I have the following container:
#left
{
float: left;
color: #ffffff;
width: 190px;
margin-right: 5px;
margin-bottom: 5px;
text-align: right;
padding: 0 0 0 0;
border: 1px solid red;
}
This container's height is to explain vertically with it's contents.
My problem is that I need the standard rounded-corners white box on a
colored background. If the rounded-corners require an image as a
background, how do I code this so that I get the rounded corners but
the middle expands with the content. My initial thoughts were to
create 3 containers inside of this container, top & bottom with fixed
height/width, and then a middle container with just a fixed width.
Your help is as always greatly appreciated.
Thanks!
Mike
I have the following container:
#left
{
float: left;
color: #ffffff;
width: 190px;
margin-right: 5px;
margin-bottom: 5px;
text-align: right;
padding: 0 0 0 0;
border: 1px solid red;
}
This container's height is to explain vertically with it's contents.
My problem is that I need the standard rounded-corners white box on a
colored background. If the rounded-corners require an image as a
background, how do I code this so that I get the rounded corners but
the middle expands with the content. My initial thoughts were to
create 3 containers inside of this container, top & bottom with fixed
height/width, and then a middle container with just a fixed width.
Your help is as always greatly appreciated.
Thanks!
Mike
Comment