FHEM Forum

Ich verzweifele an dem Inhalt eines PopUp welches mir immer eine Scrolleiste anzeigt...
Evtl ist auch die hbox zu groß, aber ich habe schon alles mögliche probiert die Box wird nicht kleiner...
Ich habe schon Umbrüche in den Texten gemacht damit ich es wenigstens in der Breite auf mein Tablet bekomme..!
Screenshot dazu, kann mir jemand einen Tipp geben wo ich noch etwas verändern kann..?

<li data-row="9" data-col="11" data-sizex="6" data-sizey="2" style="background-color:#1f222e">
<!-- ==== Batterien Sensoren  ==== -->
<div class="card">
<div data-type="popup" data-height="300px" data-width="1150px" data-return-time="60" data-draggable="false">
<div data-type="symbol" data-device="du_Batterien_Gesamtstatus" data-get="lowBatteryCount" data-color="Crimson" data-warn-color="#ffffff" data-icon="oa-measure_battery_25 warn" data-hide="lowBatteryCount" style="font-size:175%; margin-left:0px;"></div>
<div style="margin-top:5px !important; font-size:100%" data-type="label">- Batterien - Sensoren -</div>
<div class="dialog">
<header style="background-color:#3d445c;">
<div class="sheet">
<div class="left" style="margin-left:15px; margin-top:10px; margin-bottom:10px; font-size:18px; color:royalblue">- Batterien - Sensoren -</div>
<div data-type="link" data-color="white" data-icon-left="fa-times" class="right big" style="margin-top:10px;" onclick="$('.dialog-close').trigger('click');"></div>
</div>
</header>

<div class="hbox items-top">
<div>
<div class="wider darkorange" style="margin-top:0px; font-size:160%" data-type="label">Innen&nbsp;&nbsp;</div>
<div class="">&nbsp;</div>
<div class="wider darkorange" style="margin-top:0px; font-size:160%" data-type="label">Außen&nbsp;&nbsp;</div>
<div class="">&nbsp;</div>
</div>
<div>
<div class="" data-type="symbol" data-device="Temperatur_Wohnzimmer" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider" data-type="label">Temperatur<br>Wohnzimmer</div>
<div class="" data-type="symbol" data-device="Temperatur_Norden" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider" data-type="label">Temperatur<br> Norden</div>
</div>
<div>
<div class="" data-type="symbol" data-device="Temperatur_Kueche" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Küche</div>
<div class="" data-type="symbol" data-device="Temperatur_Terrasse" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Süden</div>
</div>
<div>
<div class="items-top" data-type="symbol" data-device="Temperatur_HWR" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>HWR</div>
<div class="items-top" data-type="symbol" data-device="Temperatur_Garage" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Garage</div>
</div>
<div>
<div class="" data-type="symbol" data-device="Temperatur_Schlafzimmer" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Schlafzimmer</div>
<div class="" data-type="symbol" data-device="Garagentorsensor" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Garagentor<br>Sensor</div>
</div>
<div>
<div class="" data-type="symbol" data-device="Temperatur_Arbeitszimmer" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Arbeitszimmer</div>
<div class="" data-type="symbol" data-device="BWM_Eingang" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Bewegungsmelder<br>Eingang</div>
</div>
<div>
<div class="" data-type="symbol" data-device="Temperatur_Badezimmer" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Temperatur<br>Badezimmer</div>
<div class="" data-type="symbol" data-device="BWM_Terrasse" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Bewegungsmelder<br>Terrasse</div>
</div>
<div>
<div class="" data-type="symbol" data-device="FB_RC_8_WZ" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Fernbedienung<br>Wohnzimmer</div>
<div class="" data-type="symbol" data-device="WZ_TK_Terrasse" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Türkontakt<br>Terrasse</div>
</div>
<div>
<div class="" data-type="symbol" data-device="FB_RC_8" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Fernbedienung<br>OG</div>
<div class="" data-type="symbol" data-device="SZ_Fenstersensor" data-get="battery" data-states='["ok","low"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25 fa-blink"]' data-colors='["MediumSpringGreen","crimson"]'></div>
<div class="wider">Fenstersensor<br>Schlafzimmer</div>
</div>
</div>
</div>
</div>
</div>
</li>

Moin,

style="overflow:hidden;" sollte helfen.

Grüße
Olli

Nee, leider geht das nicht das hatte ich Anfangs auch drin habe dann gebastelt wie blöd..!
Nun habe ich es anders gelöst, mit cell und inline...!

Diese Formatiererei ist echt ein Krampf  :-\