How can I make the boxes float under another even if the height is different? Similar to how blogher.com does it.
CSS Codes
Junior Coders
Floating divs with different heights stacked on top of each other
How can I make the boxes float under another even if the height is different? Similar to how blogher.com does it.
Global Moderator
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.
Focus on Function Web Design
Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps
Elite Coders
This(?):
Code:<!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>
Posting Permissions
Reply With Quote
Bookmarks