Nieuw lid |
|
Dag allemaal, ik heb een probleem met een paar div's.
Het probleem kan je op volgende link zien. http://skelton.....php?tid=1
Zoals u kan zien rekt de rechts div niet mee zodat de lijn links ervan niet tot onder loopt. Heeft iemand een idee hoe ik dit fiks?
Hier is de code:
HTML:
<div class="forum">
<div class="forumtitel">Onderwerp: <strong>{onderwerp}</strong><br />
Door: {auteur}<br />
Op: {datum}</div>
<div class="foruminfo">
<p>{avatar}</p>
<p>bla bla lba</p>
<p> </p>
</div>
<div class="forumbericht">
<p>{bericht}</p>
<p>sdf</p>
</div>
<div class="forumbewerking">
<!-- START BLOCK : bewerkingen_lid_topic -->
<a href="{url}forum/wijzigen.php?tid={tid}">Wijzigen</a>
<!-- END BLOCK : bewerkingen_lid_topic -->
<!-- START BLOCK : bewerkingen_mod_topic -->
<a href="{url}forum/wijzigen.php?tid={tid}">Wijzigen</a> | <a href="{url}forum/sluiten.php?tid={tid}">Sluiten</a> | <a href="{url}forum/verwijderen.php?tid={tid}">Verwijderen</a>
<!-- END BLOCK : bewerkingen_mod_topic -->
</div>
</div>
<div class="forum"> <div class="forumtitel">Onderwerp: <strong>{onderwerp}</strong><br /> Door: {auteur}<br /> Op: {datum}</div> <div class="foruminfo"> <p>{avatar}</p> <p>bla bla lba</p> <p> </p> </div> <div class="forumbericht"> <p>{bericht}</p> <p>sdf</p> </div> <div class="forumbewerking"> <!-- START BLOCK : bewerkingen_lid_topic --> <a href="{url}forum/wijzigen.php?tid={tid}">Wijzigen</a> <!-- END BLOCK : bewerkingen_lid_topic --> <!-- START BLOCK : bewerkingen_mod_topic --> <a href="{url}forum/wijzigen.php?tid={tid}">Wijzigen</a> | <a href="{url}forum/sluiten.php?tid={tid}">Sluiten</a> | <a href="{url}forum/verwijderen.php?tid={tid}">Verwijderen</a> <!-- END BLOCK : bewerkingen_mod_topic --> </div> </div>
CSS:
div.forum {
border: 1px solid #757054;
margin-top: 15px;
margin-bottom: 15px;
width: 745px;
}
div.forumtitel {
background-color: #c1b98b;
padding: 2px;
border-bottom: 1px solid #757054;
}
div.foruminfo {
float: left;
width: 116px;
padding: 2px;
}
div.forumbericht {
float: left;
width: 620px;
border-left: 1px solid #757054;
padding: 2px;
}
div.forumbewerking {
border-top: 1px solid #757054;
background-color: #c1b98b;
clear: both;
padding: 2px;
}
div.forum { border: 1px solid #757054; margin-top: 15px; margin-bottom: 15px; width: 745px; } div.forumtitel { background-color: #c1b98b; padding: 2px; border-bottom: 1px solid #757054; } div.foruminfo { float: left; width: 116px; padding: 2px; } div.forumbericht { float: left; width: 620px; border-left: 1px solid #757054; padding: 2px; } div.forumbewerking { border-top: 1px solid #757054; background-color: #c1b98b; clear: both; padding: 2px; }
Alvast bedankt!
|