Log in

View Full Version : Floating divs with different heights stacked on top of each other



makamo66
01-15-2016, 01:57 PM
How can I make the boxes float under another even if the height is different? Similar to how blogher.com does it.

Beverleyh
01-15-2016, 02:23 PM
Sorry, we cant make a diagnosis on such a brief description - we need *your* markup and CSS. Please provide a link to your reduced test page that demonstrates the problem. If you can't post a link from your own server/web host, use one of these free services instead; JSBin, JSFiddle, CodePen.

molendijk
01-16-2016, 12:09 AM
This(?):

<!doctype html>
<html >
<head>

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--<meta name="viewport" content="user-scalable=no">-->

<title>Responsive</title>

<style>
body{font-family: verdana; font-size: 14px; }
.dyn_div {display: inline-block; vertical-align: top; width: 23%; min-width: 200px; text-align: left; padding-right: 20px;padding-bottom: 20px}
</style>

</head>

<body >

<h2 style="text-align: center; color: black; opacity: 0.6">Responsive</h2><br>

<div style="text-align: center">

<div class="dyn_div" >
<div style="border: 1px solid black; padding: 5px">De bakermat van het museum is de <i>Streekhistorische Vereniging Middagherland</i>.<br><br>
Najaar 1990 werd het plan gepresenteerd om <i>Museum Wierdenland</i>, een toeristisch-educatief museum in Ezinge, op te richten. De toenmalige voorzitter Jaap Scherpenhuizen, ex-staatssecretaris Verkeer en Waterstaat, en secretaris Jan Delvigne, fysisch geograaf, waren belangrijke trekkers van het plan.
Het museum werd gevestigd in het vrijgekomen gemeentehuis van Ezinge, dat als gemeente werd heringedeeld bij de nieuwe gemeente Winsum.</div> <br>
<div style="border: 1px solid black; padding: 5px">De bakermat van het museum is de <i>Streekhistorische Vereniging Middagherland</i>.<br><br>
Najaar 1990 werd het plan gepresenteerd om <i>Museum Wierdenland</i>, een toeristisch-educatief museum in Ezinge, op te richten. De toenmalige voorzitter Jaap Scherpenhuizen, ex-staatssecretaris Verkeer en Waterstaat, en secretaris Jan Delvigne, fysisch geograaf, waren belangrijke trekkers van het plan.
Het museum werd gevestigd in het vrijgekomen gemeentehuis van Ezinge, dat als gemeente werd heringedeeld bij de nieuwe gemeente Winsum.</div> <br>
<img src="http://www.wierdenland.nl/geschiedenis_museum.jpg" alt="" style="width: 100%; border: 1px solid black">
</div>

<div class="dyn_div">
<div style="border: 1px solid black; padding: 5px">De bakermat van het museum is de <i>Streekhistorische Vereniging Middagherland</i>.<br><br>
Najaar 1990 werd het plan gepresenteerd om <i>Museum Wierdenland</i>, een toeristisch-educatief museum in Ezinge, op te richten. De toenmalige voorzitter Jaap Scherpenhuizen, ex-staatssecretaris Verkeer en Waterstaat, en secretaris Jan Delvigne, fysisch geograaf, waren belangrijke trekkers van het plan.
Het museum werd gevestigd in het vrijgekomen gemeentehuis van Ezinge, dat als gemeente werd heringedeeld bij de nieuwe gemeente Winsum.</div> <br>
<img src="http://www.wierdenland.nl/geschiedenis_museum.jpg" alt="" style="width: 100%; border: 1px solid black"><br><br>
<div style="border: 1px solid black; padding: 5px">De bakermat van het museum is de <i>Streekhistorische Vereniging Middagherland</i>.<br><br>
Najaar 1990 werd het plan gepresenteerd om <i>Museum Wierdenland</i>, een toeristisch-educatief museum in Ezinge, op te richten. De toenmalige voorzitter Jaap Scherpenhuizen, ex-staatssecretaris Verkeer en Waterstaat, en secretaris Jan Delvigne, fysisch geograaf, waren belangrijke trekkers van het plan.
Het museum werd gevestigd in het vrijgekomen gemeentehuis van Ezinge, dat als gemeente werd heringedeeld bij de nieuwe gemeente Winsum.</div> <br>
</div>

<div class="dyn_div">
<img src="http://www.wierdenland.nl/geschiedenis_museum.jpg" alt="" style="width: 100%; border: 1px solid black"><br><br>
<div style="border: 1px solid black; padding: 5px">De bakermat van het museum is de <i>Streekhistorische Vereniging Middagherland</i>.<br><br>
Najaar 1990 werd het plan gepresenteerd om <i>Museum Wierdenland</i>, een toeristisch-educatief museum in Ezinge, op te richten. De toenmalige voorzitter Jaap Scherpenhuizen, ex-staatssecretaris Verkeer en Waterstaat, en secretaris Jan Delvigne, fysisch geograaf, waren belangrijke trekkers van het plan.
Het museum werd gevestigd in het vrijgekomen gemeentehuis van Ezinge, dat als gemeente werd heringedeeld bij de nieuwe gemeente Winsum.</div> <br>
<div style="border: 1px solid black; padding: 5px">De bakermat van het museum is de <i>Streekhistorische Vereniging Middagherland</i>.<br><br>
Najaar 1990 werd het plan gepresenteerd om <i>Museum Wierdenland</i>, een toeristisch-educatief museum in Ezinge, op te richten. De toenmalige voorzitter Jaap Scherpenhuizen, ex-staatssecretaris Verkeer en Waterstaat, en secretaris Jan Delvigne, fysisch geograaf, waren belangrijke trekkers van het plan.
Het museum werd gevestigd in het vrijgekomen gemeentehuis van Ezinge, dat als gemeente werd heringedeeld bij de nieuwe gemeente Winsum.</div> <br>
</div>

<div class="dyn_div">
<div style="border: 1px solid black; padding: 5px">De bakermat van het museum is de <i>Streekhistorische Vereniging Middagherland</i>.<br><br>
Najaar 1990 werd het plan gepresenteerd om <i>Museum Wierdenland</i>, een toeristisch-educatief museum in Ezinge, op te richten. De toenmalige voorzitter Jaap Scherpenhuizen, ex-staatssecretaris Verkeer en Waterstaat, en secretaris Jan Delvigne, fysisch geograaf, waren belangrijke trekkers van het plan.
Het museum werd gevestigd in het vrijgekomen gemeentehuis van Ezinge, dat als gemeente werd heringedeeld bij de nieuwe gemeente Winsum.</div> <br>
<img src="http://www.wierdenland.nl/geschiedenis_museum.jpg" alt="" style="width: 100%; border: 1px solid black"><br><br>
<div style="border: 1px solid black; padding: 5px">De bakermat van het museum is de <i>Streekhistorische Vereniging Middagherland</i>.<br><br>
Najaar 1990 werd het plan gepresenteerd om <i>Museum Wierdenland</i>, een toeristisch-educatief museum in Ezinge, op te richten. De toenmalige voorzitter Jaap Scherpenhuizen, ex-staatssecretaris Verkeer en Waterstaat, en secretaris Jan Delvigne, fysisch geograaf, waren belangrijke trekkers van het plan.
Het museum werd gevestigd in het vrijgekomen gemeentehuis van Ezinge, dat als gemeente werd heringedeeld bij de nieuwe gemeente Winsum.</div> <br>
</div>

</div>

</body>

</html>