I have to divs side by side, I want to have the same height

Hello

I have divs side by side, I want to have the same height no matter if more content is in div 1 or div 2. I want it to be sensitive so when the window resizes or if the user is on mobile or tablet, it still works. I tried the columns wrong but with the shapes of background / I want that just, it will not work with this technique. I also tried to use the hack 1000px-1000px fill however this cut of the lower part of the div that is unacceptable because the divs have a RADIUS on the corners. He comes to the jquery that I tried and it runs in full screen mode, but when the content inside the div resizing is eliminated. Here is the jquery:

< script src = "jquery - 1.10.2.min.js" > < / script >

< script >

$(document) .ready (function () {}

{$(window) .resize (function ()}

resizeDivs();

});

var resizeDivs = function() {}

var highestCol = Math.max ($('.discription').height (), $('.targetinfo').height ());

$('.discription').height (highestCol);

$('.targetinfo').height (highestCol);

var highestCol = Math.max ($('.discription1').height (), $('.targetinfo1').height ());

$('.discription1').height (highestCol);

$('.targetinfo1').height (highestCol);

}

resizeDivs();

});

< /script >

div help.png

Please let me know if you have a decent jquery or css solution. So far I have it works in a sensitive environment. Thank you

If you use fluid grid Layouts, none of these methods do not work.  I think the best you can do is determine the min-height required for desktop computers & tablets.  Mobile devices do not need min-height because these divisions will stack up.

To illustrate by an example.

http://ALT-Web.com/FluidGrid/Fluid2.html

The corresponding CSS code:

/ Special rules for tablets * /.

@media only screen and (min-width: 481px) {}

.gridContainer > div {min-height: 255px ;}}

}

/ * Special rules that apply to workstations * /.

@media only screen and (min-width: 1025px) {}

.gridContainer > div {min-height: 325px ;}}

}

Nancy O.

Tags: Dreamweaver

Similar Questions

Maybe you are looking for