Hjælp!
Jeg er ved at style et forum ved hjælp af div'er og stødte på det problem at når jeg gør:
<div id="id_forum_row_6" class="forum_forum_row">
<div class="forum_forum_row_icon forum_forum_row_uneven">
<img src="../_img/load.gif" alt="" /><br />
</div>
<div class="forum_forum_row_text forum_forum_row_even">
<span class="forum_forum_row_title">regler</span><br />
<span class="forum_forum_row_description">Beskrivelse af nyt forum.</span>
</div>
<div class="forum_forum_row_topics forum_forum_row_uneven">
<img src="../_img/load.gif" alt="" /><br />
</div>
<div class="forum_forum_row_posts forum_forum_row_even">
<img src="../_img/load.gif" alt="" /><br />
</div>
<div class="forum_forum_row_lastpost forum_forum_row_uneven">
<img src="../_img/load.gif" alt="" /><br />
</div>
<div class="endleft"></div>
</div>
og
div.forum_forum_row {
border: 1px solid #000000;
width: 992px;
min-height: 60px;
}
div.forum_forum_row_icon {
width: 62px;
float: left;
}
div.forum_forum_row_text {
width: 450px;
float: left;
}
div.forum_forum_row_topics {
width: 115px;
float: left;
}
div.forum_forum_row_posts {
width: 115px;
float: left;
}
div.forum_forum_row_lastpost {
width: 225px; /* 250? */
float: left;
}
div.forum_forum_row_even {
border-bottom: 1px solid #ff0000;
min-height: 100%;
}
div.forum_forum_row_uneven {
border-bottom: 1px solid #00ff00;
min-height: 100%;
}
Så står rækkerne af fora ikke ligefrem lige, de er derimod af helt forskellig højde.
Hvordan laver jeg alle og en div har samme højde?