height div

[HenkRog]

Hallo,

ik heb een div waarin ik een afbeelding van 75px hoog toon. Nu wil ik dat de div telkens even hoog is, ook wanneer er een afbeelding wordt getoond die kleiner is dan 75px hoog. Ik heb geprobeerd van de afbeelding ook nog in een div te steken en dan de hoogte van die laatste div op 75px te zetten, maar dat lukt blijkbaar niet. Weet iemand een andere oplossing?

zo ziet de html er uit:

<div class="thumb">
<div class="gemeente">testgemeente</div>
<div class="fotoHuis">
<a href="info.htm">
<img class="foto" src="images/t_2.jpg" /></a>
</div>
<div class="omschrijving">testomschrijving</div>
<div class="prijs">280.000</div>
<div class="verhuurdverkocht">&nbsp;</div>
</div>

zo ziet de css er uit

.thumb {
 font-family: "Trebuchet MS", sans-serif, Verdana, Arial, Helvetica;
 margin: 10px;
 border: 1px solid #666666;
 width: 150px;
 height: auto;
 float: left;
 text-align: center;
 background-color: #F5F5F5; /*voor Internet Explorer 6*/;
 display: inline;
}
.thumb fotoHuis{
 height: 75px;
 width: 100px;
 background-color: #666666;

}

.thumb img.foto{
 display: inline;
 margin: 5px;
 border: 1px solid #A0ACC0;
}
.thumb a:hover img.foto {
 border: 1px solid #FDF002;
}
.thumb img.newUpdate{
 padding: 4px;
 vertical-align: middle;
}
.gemeente {
 text-align: center;
 font-weight: bold;
 background-color: #666666;
 color: #FFFFFF;
 height: 1.5em;
}
.omschrijving {
 text-align: center;
 width: 150px;
 font-family: "Courier New", Courier, monospace;
 margin-bottom: 3px;
}
.prijs {
 text-align: center;
 width: 150px;
 font-family: "Courier New", Courier, monospace;
 margin-bottom: 3px;
}
.verhuurdverkocht {
 text-align: center;
 font-weight: bold;
 background-color: #666666;
 color: #FDF002;
 height: 20px;
}

 

[Goeroeboeroe]

Hallo,

Dan moet je de div die 75 px hoog moet blijven gewoon 'n height van 75 px geven. Ik vermoed dat je dat ook hebt geprobeerd met het volgende stukje css:

.thumb fotoHuis{
 height: 75px;
 width: 100px;
 background-color: #666666;
}

Maar daar zit 'n foutje in. De selector moet zijn: .thumb .fotoHuis
(met 'n punt dus voor fotoHuis). Dan zou in principe .fotoHuis altijd minimaal 75 px hoog moeten zijn.