Hallo ich habe folgendes HTML Konstrukt:
Nun möchte ich, dass beide Panels die gleiche Höhe haben.
Dazu habe ich folgenden JQuery Code entworfen:
Für meinen Geschmack klappt das auch ganz gut. Sobald aber Bilder im rechten Panel ausgegeben werden (die werden mit PHP erzeugt, aber ganz normal als <img augegeben) scheinen diese über dem Panel zu liegen.
Ich bi nicht scharf darauf das problem mit jQuery zu lösen. Aber ich glaube mit Css gibts dafür keine Lösung.
Danke für eure Antworten.
Code:
<div class="row">
<div class="col-md-3" id="colnav">
<div class="panel panel-default" id="panelnav">
<div class="panel-heading">
</div>
<div class="panel-body">
</div>
</div>
</div>
<div class="col-md-9" >
<div class="panel panel-default" id="panelcontent">
<div class="panel-heading">
</div>
<div class="panel-body">
</div>
</div>
</div>
</div>
Dazu habe ich folgenden JQuery Code entworfen:
Code:
$(document).ready(function($){
var panelnavh = parseInt($('#panelnav').height());
var panelcontenth = parseInt($('#panelcontent').height());
if(panelnavh > panelcontenth)
{
$('#panelcontent').height(panelnavh);
}else{
$('#panelnav').height(panelcontenth);
}
});
Ich bi nicht scharf darauf das problem mit jQuery zu lösen. Aber ich glaube mit Css gibts dafür keine Lösung.
Danke für eure Antworten.