Beste,

Ik heb op het moment drie DIVs naast elkaar staan in een container. Nu vroeg ik mij af of ik deze de volledige breedte van de container konden overnemen. Ze moeten nog wel naast elkaar staan. Wanneer de container dus smaller word moeten de DIVs ook smaller worden.

Om dit werkbaar te houden op telefoons etc. dacht ik hier een minimum breedte aan te verbinden.

afbeelding om het te verduidelijken

<div id="body">
			
		<div class="content_block">x blok</div>
        
        <div class="content_block">x blok</div>
        
        <div class="content_block">x blok</div>
	</div>




#body {
	margin: 0 15px 0 15px;
	padding:5px;
	height:auto;
}

div.content_block {
	border:1px black dotted;
	float:left;
	background-color:yellow;
	margin: 5px;
	min-width: 200px;
}

geef het content_block eens een with mee van 33%
Had ik al geprobeerd. Dit werkt echter niet door de margins die ik tussen de blokken wil houden. Wanneer ik dat doe zal het meest rechtse blok altijd naar onder springen.
Pipo Clown op 04/05/2015 14:47:57

geef het content_block eens een with mee van 33%



32%
Gewoon voor de 33,33333% gaan.
En de margin bij de ruimte laten tellen.
Lang leve Flexbox!

Zie http://codepen.io/anon/pen/MwagMN

[size=xsmall]Toevoeging op 04/05/2015 16:12:25:[/size]

Nick Smit op 04/05/2015 14:56:45

Had ik al geprobeerd. Dit werkt echter niet door de margins die ik tussen de blokken wil houden. Wanneer ik dat doe zal het meest rechtse blok altijd naar onder springen.


box-sizing: border-box;

Reageren