Creating div with fixed width and flexible height?

Just use a bottom of your image, others with border style.

Just use a bottom of your image, others with border style. Some Content If you need a round borders at the top, simply add style "background" to #myContent with top align and another image.

This totally works .. thank you – Gandalf StormCrow Dec 4 '09 at 10:14 Don't forget cut your image, leave just bottom part. We're welcome. – Coyod Dec 4 '09 at 10:20.

Using background-position will ensure you always have rounded corners: CSS: background-position:bottom; You'll have to create an image that has a lot of extra height so that if the div does end up being taller than expected, you've always got room to play with. Another option would be to divide the div into 2 separate divs - 1 as the main content section, the other just adding the curved corners to the bottom. This will allow you to use a 1px high background image for the main div, and a 20px(ish) image for the curved border image, reducing the file size quite a bit.

I've attached an example for you: Download Example.

Position the background image at the bottom -add some padding to bottom of the div so the corners will fit into that. Make the bg image really tall.

Make the bg image really tall. " - this case works for both low height divs and big ones? – Gandalf StormCrow Dec 4 '09 at 9:29 And also .. divs are generated dynamically , how will I know which padding to use every time?

– Gandalf StormCrow Dec 4 '09 at 9:31 yes and add a class to the div - the padding should be the same each time – matpol Dec 4 '09 at 9:56.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions