PDA

View Full Version : double box with rounded borders



Binji
March 2nd, 2007, 04:55 PM
I have created a single box with rounded borders but i would like to have a one with the first box 50px high and one which would be dependant on containing text. Something like this:
http://www.kirupa.com/forum/attachment.php?attachmentid=41399&stc=1&d=1172872327

At the moment i have a box on this link http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml

Surrogate
March 2nd, 2007, 08:10 PM
Well, since your example have each corner defined by a class there's not really any trouble in doing what you want.

Simply have the bottom of the top div and top of the bottom div, left & right images be those of the middle in your picture, and have the two div's have no margin to separate each other. You just then have the bottom div to have no top line, to avoid having a 2 pixel wide border.

If you use your example, having set heights and auto height should probably be no problem.

Your example have classes - just make more.