Ondersteuning » Algemeen WordPress » css float probleem

  • Ik wil post naast elkaar hebben met verschillende grote inhoud zoals deze website dit doet: kampman.nl.

    Het lukt mij om meerdere divs naast elkaar te krijgen, maar niet dat ze onder elkaar aansluiten.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Misschien:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <style type="text/css">
      #wrapper
      {
    	width: 920px;
    	height: 100%;
      }
    
      #left
      {
    	width: 300px;
    	min-height: 620px;
    	float: left;
    	background-color: red;
      }
     #center
      {
    	width: 300px;
    	min-height: 620px;
    	float: left;
    	background-color: red;
    	margin-left: 10px;
      }
    
      #right
      {
    	width: 300px;
    	min-height: 620px;
    	float: left;
    	background-color: red;
    	margin-left: 10px;
      }
    
      /*Sub divs*/
    
    #top
      {
    	width: 300px;
    	min-height: 200px;
    	float: left;
    	background-color: green;
      }
    
      #derest
      {
    	width: 300px;
    	min-height: 200px;
    	float: left;
    	background-color: green;
    	margin-top: 10px;
      }
      </style>
     </head>
    
     <body>
      <div id="wrapper">
    	  <div id="left">
    		<div id="top">
    		Links boven
    		</div>
    		<div id="derest">
    		Links midden
    		</div>
    		<div id="derest">
    		Links onder
    		</div>
    	  </div>
    	  <div id="center">
    		<div id="top">
    		midden boven
    		</div>
    		<div id="derest">
    		midden midden
    		</div>
    		<div id="derest">
    		midden onder
    		</div>
    	  </div>
    	  <div id="right">
    		<div id="top">
    		rechts boven
    		</div>
    		<div id="derest">
    		rechts midden
    		</div>
    		<div id="derest">
    		rechts onder
    		</div>
    	  </div>
      </div>
     </body>
    </html>

    Thread starter Frenske82

    (@frenske82)

    Nee dit is niet wat ik bedoel, bedankt voor je bijdrage!

    Post berichten hebben een vaste width, maar geen vaste height. De post komen naast elkaar te staan en als het scherm vol raakt moet de volgende post naar beneden geplaats worden.

    Eigenlijk hetzelfde systeem zoals je ziet bij http://www.kampman.nl

    Dat is een erg ingewikkelde layout, dat lukt alleen met javascript en dat gebruikt men daar zo te zien ook… Ik kan er helaas niet uithalen wat voor script men heeft gebruikt; de js is ge-‘minified’.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘css float probleem’ is gesloten voor nieuwe reacties.