Ich habe ein Problem mit section nachdem ich heute das Update gemacht habe und bekomme es trotz mehrfachem Probieren einfach nicht hin. Auch die Themen, welche ich bereits gefunden haben, helfen mir nicht bei der Lösung. Ich schätze, dass es irgendwas mit section zu tun haben muss. Aber raffe es nicht. Sry. Die Höhe passt einfach nicht mehr. Der einzige Unterschied, welchen ich ausmachen konnte ist:
section {
border-bottom: 1px solid #888;
min-height: 4.5em;
line-height: 4.3em;
}
section {
border-bottom: 1px solid #888;
padding-top: 10px;
padding-bottom: 10px;
}
Aber eine Änderung hieran hat nichts gebracht.
Im Anhang ein Bild, wie es aussieht und wie es ausgesehen hat. Und hier der aktuelle Code:
<!DOCTYPE html>
<html>
<head></head>
<body>
<div class="page" id="content1">
<section class="abschnitt">
<div class="large col-1-1 center-align">Anwesenheit</div>
</section>
<section>
<div class="large col-1-2 center-align">Anja</div>
<div data-template="template/template_anwesenheit.html" data-parameter='{"par01":"rr_Anja"}' class="col-1-2 right-align"></div>
</section>
<section>
<div class="large col-1-2 center-align">Etienne</div>
<div data-template="template/template_anwesenheit.html" data-parameter='{"par01":"rr_Etienne"}' class="col-1-2 right-align"></div>
</section>
<section>
<div class="large col-1-2 center-align">Jutta</div>
<div data-type="switch"
data-device="rg_Jutta"
data-set-on="home"
data-set-off="none"
data-states='["home","absent","none"]'
data-icons='["oa-status_available","oa-status_away_1","oa-control_x"]'
data-colors='["#505050","#000000","#000000"]'
data-background-colors='["#58FA58","#FF0000","#505050"]'
class="col-1-2 right-align big"
></div>
</section>
<section>
<div class="large col-1-2 center-align">Gast</div>
<div data-type="switch"
data-device="rg_Gast"
data-set-on="home"
data-set-off="none"
data-states='["home","absent","none"]'
data-icons='["oa-status_available","oa-status_away_1","oa-control_x"]'
data-colors='["#505050","#000000","#000000"]'
data-background-colors='["#58FA58","#FF0000","#505050"]'
class="col-1-2 right-align big"
></div>
</section>
<section class="abschnitt">
<div class="large col-1-1 center-align">Gesamte Wohnung</div>
</section>
<section>
<div class="large col-1-2 center-align">Alle Heizungen</div>
<div data-template="template/template_combobox.html" data-parameter='{"par01":"WG.HZ.Alle","par02":"\"on\",\"off\",\"5.0\",\"5.5\",\"6.0\",\"6.5\",\"7.0\",\"7.5\",\"8.0\",\"8.5\",\"9.0\",\"9.5\",\"10.0\",\"10.5\",\"11.0\",\"11.5\",\"12.0\",\"12.5\",\"13.0\",\"13.5\",\"14.0\",\"14.5\",\"15.0\",\"15.5\",\"16.0\",\"16.5\",\"17.0\",\"17.5\",\"18.0\",\"18.5\",\"19.0\",\"19.5\",\"20.0\",\"20.5\",\"21.0\",\"21.5\",\"22.0\",\"22.5\",\"23.0\",\"23.5\",\"24.0\",\"24.5\",\"25.0\",\"25.5\",\"26.0\",\"26.5\",\"27.0\",\"27.5\",\"28.0\",\"28.5\",\"29.0\",\"29.5\",\"30.0\",\"30.5\",\"undefined\"","par03":"state","par04":"desired-temp"}' class="col-1-2 right-align"></div>
</section>
<section>
<div class="large col-1-2 center-align">Kontakte geschlossen?</div>
<div data-type="symbol"
data-device="WG.Kontakte.Alle"
data-states='["open","closed","undefined"]'
data-icons='["oa-control_x","oa-message_ok","oa-control_x"]'
data-colors='["#FF0000","#58FA58","#FF0000"]'
class="col-1-2 right-align big"></div>
</section>
</div>
</body>
</html>
Ich habe inzwischen die komplette fhem-tablet-ui.css alt und neu verglichen. Ich kann den scheiß Fehler einfach nicht finden, warum section nicht automatisch die richtige Höhe des größten Device im Section annimmt.
Moin,
hilft dir das weiter ?
https://forum.fhem.de/index.php/topic,76306.msg685868.html#msg685868 (https://forum.fhem.de/index.php/topic,76306.msg685868.html#msg685868)
Den Unterschied habe ich oben ja beschrieben, aber ein zurücksetzen auf den alten Wert reicht leider nicht. Es scheint, als ob Section nicht die Höhe des größten Div in der Section annimmt.