Auf Thema antworten 2026

Beitrag

<blockquote data-quote="AxelM" data-source="post: 2512725" data-attributes="member: 545228"><p>Hallo ich habe folgendes HTML Konstrukt:</p><p>[code]</p><p>&lt;div class=&quot;row&quot;&gt;</p><p>&nbsp; &nbsp; &lt;div class=&quot;col-md-3&quot; id=&quot;colnav&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;panel panel-default&quot; id=&quot;panelnav&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;panel-heading&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;panel-body&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div class=&quot;col-md-9&quot; &gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;panel panel-default&quot; id=&quot;panelcontent&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;panel-heading&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;panel-body&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt;</p><p>&lt;/div&gt;</p><p>[/code]</p><p>Nun möchte ich, dass beide Panels die gleiche Höhe haben.</p><p>Dazu habe ich folgenden JQuery Code entworfen:</p><p>[code]</p><p>$(document).ready(function($){</p><p>&nbsp; &nbsp; var panelnavh = parseInt($(&#039;#panelnav&#039;).height());</p><p>&nbsp; &nbsp; var panelcontenth = parseInt($(&#039;#panelcontent&#039;).height());</p><p>&nbsp; &nbsp; if(panelnavh &gt; panelcontenth)</p><p>&nbsp; &nbsp; {</p><p>&nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#panelcontent&#039;).height(panelnavh);</p><p>&nbsp; &nbsp; }else{</p><p>&nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#panelnav&#039;).height(panelcontenth);</p><p>&nbsp; &nbsp; }</p><p>});</p><p>[/code]</p><p>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 &lt;img augegeben) scheinen diese über dem Panel zu liegen.</p><p>Ich bi&nbsp; nicht scharf darauf das problem mit jQuery zu lösen. Aber ich glaube mit Css gibts dafür keine Lösung.</p><p></p><p>Danke für eure Antworten.</p></blockquote><p></p>

[QUOTE="AxelM, post: 2512725, member: 545228"] Hallo ich habe folgendes HTML Konstrukt: [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> [/code] Nun möchte ich, dass beide Panels die gleiche Höhe haben. 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); } }); [/code] 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. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?