Image div laten vergroten

[cornelis180]

Ik heb een website opgebouwd met wordpress, maar nu zit ik nog met één probleempje.

Zo zien mijn posts eruit:

<div class="bericht" id="post-1917">       
       
        <h2>Titel</h2> 
     	<h4>9 augustus - door admin</h4> 
 
        
        
		
		<!-- see gallery_shortcode() in wp-includes/media.php --> 
		<div id='gallery-1' class='gallery galleryid-1917'><dl class='gallery-item'> 
			<dt class='gallery-icon'> 
				<a href='http://www.test.nl/wp-content/uploads/2010/08/DSC_4771.jpg' title='DSC_4771' rel="lightbox[1917]"><img width="118" height="118" src="http://www.test.nl/wp-content/uploads/2010/08/DSC_4771-118x118.jpg" class="attachment-thumbnail" alt="" title="DSC_4771" /></a> 
			</dt></dl><dl class='gallery-item'> 
			<dt class='gallery-icon'> 
				<a href='http://www.test.nl/wp-content/uploads/2010/08/IMG_2598.jpg' title='IMG_2598' rel="lightbox[1917]"><img width="118" height="118" src="http://www.test.nl/wp-content/uploads/2010/08/IMG_2598-118x118.jpg" class="attachment-thumbnail" alt="" title="IMG_2598" /></a> 
			</dt></dl><br style="clear: both" /><dl class='gallery-item'> 
			<dt class='gallery-icon'> 
				<a href='http://www.test.nl/wp-content/uploads/2010/08/IMG_2931.jpg' title='IMG_2931' rel="lightbox[1917]"><img width="118" height="118" src="http://www.test.nl/wp-content/uploads/2010/08/IMG_2931-118x118.jpg" class="attachment-thumbnail" alt="" title="IMG_2931" /></a> 
			</dt></dl><dl class='gallery-item'> 
			<dt class='gallery-icon'> 
				<a href='http://www.test.nl/wp-content/uploads/2010/08/IMG_2319.jpg' title='IMG_2319' rel="lightbox[1917]"><img width="118" height="118" src="http://www.test.nl/wp-content/uploads/2010/08/IMG_2319-118x118.jpg" class="attachment-thumbnail" alt="" title="IMG_2319" /></a> 
			</dt></dl><br style="clear: both" /> 
			<br style='clear: both;' /> 
		</div> 
 
<p>tekst</p>  
        
</div><!--einde bericht -->

Het probleem is dat als de gallery langer is dan de div "bericht", dan gaat deze er gewoon overheen, in plaats van dat de div wordt vergroot. De gallery heeft de eigenschap "Float right". Hoe kan ik zorgen dat als de afbeeldingen hoger zijn dan de tekst, dat de div automatisch hoger wordt?

Alvast bedankt!

 

[defietser]

als je nu eens de css moest posten wat denk je.
Mvg
Defietser

 

[cornelis180]

huh? ik had de post bewerkt met css erbij...

Hier alsnog:

 .bericht {
    border-bottom:dashed 1px #CCCCCC;
    margin-bottom:20px;
    margin-right:15px;
    padding-left:15px;
    padding-right:0px;
    padding-bottom:20px;
    }
 p {
    text-align:left;
    color:#000000;
    line-height:120%;
    padding-top:12px;
    }

h4 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    line-height:100%;
    margin-bottom:-2px;
    }

.bericht .gallery {float:right;}
.bericht .gallery-item{display:inline;}
.bericht dt.gallery-icon{display:inline;margin-right:0px;}
.bericht img.attachment-thumbnail{margin-bottom:5px;padding-left:5px;}

Geloof dat ik zo al het noodzakelijke erin heb!

 

[defietser]

Ik mis nog de css van

<div id='gallery-1' class='gallery galleryid-1917'>

Beter nog een online voorbeeld zou idealer zijn dan zien we ook de fout.
Mvg
Defietser