467,213 Members | 1,096 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,213 developers. It's quick & easy.

background images and div's

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

Apr 17 '07 #1
  • viewed: 1617
Share:
2 Replies
Miked wrote:

My problem is that I need the standard rounded-corners white box on a
colored background.
Cheat. ;-)

-moz-border-radius : .6em;
border-radius : .6em;


Apr 17 '07 #2
In article
<11**********************@p77g2000hsh.googlegroups .com>,
Miked <mi*************@gmail.comwrote:
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.
Do you mean "to explode" rather than "to explain"? There is no
height set and so this interpretation fits best.

Boom boom.

--
dorayme
May 20 '07 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Viken Karaguesian | last post: by
4 posts views Thread by Philipp Kraus | last post: by
1 post views Thread by sharkyboy | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.