Question

My code is here on jsfiddle

What I can’t accomplish is: if you narow the screen size by axis x, my boxes containing the image of santa will “fall” out of the container box below the first container, which is OK (it’s ok that the go below), but I would also like the that the div which contains these images “streches” down as well.

I bet I’m missing something in my css part of the code – can you please advise?

Answer 1

Here is a css only solution: http://jsfiddle.net/surendraVsingh/Prjd8/6/

CSS

.accContent{
    background-color: #F5F5F5;
    padding: 5px;
    min-height: 160px;
     border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    -moz-border-bottom-right-radius:5px;
    -moz-border-bottom-left-radius:5px;

    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;

    -khtml-border-bottom-right-radius:5px;
    -khtml-border-bottom-left-radius:5px;
    overflow:hidden; /* Add This */
}

.okvir{
    width: 210px;
    height: 150px;
    text-align: center;
    background-color: #CCC;
    margin:0 0 20px 20px;/* Modify this to make it look good when resized */
    float: left;
    border-radius: 5px;
}