Guten Morgen meine Lieben,
Ich bekomme es einfach nicht hin, dass mein TabletUI komplett ordentlich angezeigt wird. Ich habe immer unten einen weißen Streifen. Öffne ich die seite mit einen kleineren Bildschirm, wird die Hintergrundfarbe bzw der weiße Streifen noch größer?
Könnte mir evtl jemand sagen wie ich den Fehler beheben kann?
Wenn ich in der Index z.B. am data-sizey mit den Werten rumspiele löst das auch nicht das Problem.
<li data-row="1" data-col="1" data-sizex="2" data-sizey="15" style="background:#333333;">
Vlt ist dies eine css Sache? Weiß nicht was ich hier an codes jetzt schicken könnte was relevant wäre - denk die wichtigsten im Anhang.
Im Anhang mal noch Bilder, um darzustellen was ich meine.
Edit:
Das ist der head der index:
<!DOCTYPE html>
<html>
<head>
<meta name="longpoll_maxage" content="0">
<meta name="longpoll_filter" content=".*">
<meta http-equiv="Cache-Control" content="no-store" />
<!--
/* FHEM tablet ui */
/*
* UI builder framework for FHEM
*
* Version: 2.5.*
* URL: https://github.com/knowthelist/fhem-tablet-ui
*
* Copyright (c) 2015-2017 Mario Stephan <mstephan@shared-files.de>
* Under MIT License (http://www.opensource.org/licenses/mit-license.php)
*
* - create a new folder named 'tablet' in /<fhem-path>/www
* - copy all files incl. sub folders into /<fhem-path>/www/tablet
* - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
* - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
*/
-->
<link rel="shortcut icon" type="image/x-icon" href="images/home.ico" />
<!-- define your personal style here, it wont be overwritten -->
<!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
<!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->
<!-- Custom Fonts -->
<link rel="stylesheet" href="fonts/roman/style.css" />
<link rel="stylesheet" href="fonts/material/style.css" />
<!-- Custom CSS -->
<link rel="stylesheet" href="css/fhem-green1-ui.css" />
<link rel="stylesheet" href="css/fhem-tablet-ui-user1.css" />
<script src="js/fhem-tablet-ui.js" defer></script>
<!-- Remove this line to enable for usage with WebViewControl
<script defer>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
<script src="../pgm2/cordova-2.3.0.js" defer></script>
<script src="../pgm2/webviewcontrol.js" defer></script>
<!-- End for WebViewControl -->
<title>FHEM-Tablet-UI</title>
</head>