Hallo,
ich habe ein Anzeigeproblem auf dem Safari. Während die Seite im Firefox perfekt dargestellt wird, ist der Graph im IE schwarz. Damit könnte ich ja noch leben, aber im Safari ist alles verschoben.
Hat jemand eine Idee, wieso? Ich finde es einfach nicht
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="widget_base_width" content="74">
<meta name="widget_base_height" content="90">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="longpoll_type" content="ajax">
<meta name="debug" content="0"> <!-- verbose level 1-6 = output to console;0 = not output -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- <meta http-equiv="Cache-Control" content="no-store" /> -->
<script src="js/fhem-tablet-ui.min.js" defer></script>
<link rel="stylesheet" href="css/fhem-tablet-ui-custom.css" />
<title>PV</title>
</head>
<body class="vbox" style="flex-wrap: initial; height: 100%;">
<div class="hbox" style="height: auto;">
<div class="inline">
<div data-type="image" data-url="./images/logo.png"></div>
<div data-type="link" class="inline round" data-color="grey" data-border-color="grey" data-url="index.html">Aktuelle Daten</div>
<div data-type="link" class="inline round" data-color="grey" data-border-color="grey" data-url="index_graph_month_all.html">Gesamt Historie</div>
</div>
</div>
<div class="hbox" style="height: auto;">
<div data-type="chart"
class="nobuttons fullsize"
data-legend="W"
data-device="PV"
data-logdevice="DB_History"
data-logfile="HISTORY"
data-columnspec='["PV:SPOT_ETODAY"]'
data-style="ftui lXfill"
data-ptype="ibars"
data-nofulldays="false"
data-daysago_start="30"
data-daysago_end="0"
data-width="75%"
data-yunit=" W"
data-crosshair="true"
data-timeformat="dd MMM">
</div>
</div>
</body>
</html>
body {
background:#f9f9f9 !important;
overflow:hidden;
}
.semitransparent {
background: rgba(0, 0, 0, 0.7) !important;
}
.progress.value {
color: #0076BC !important;
}
.yaxis {
stroke: #0076BC;
}
.xaxis {
stroke: #0076BC;
}
.ftui.lXfill {
stroke:#0076BC;
fill:#0076BC;
stroke-width:2px;
fill-opacity:0.8;
}
.chart-background {
fill:url(#dddddd) !important;
fill-opacity: 1 !important;
}
.gridlines {
stroke: #dddddd !important;
}
.yaxis {
stroke: #f9f9f9 !important;
}
.gridlines {
stroke: #f9f9f9 !important;
}