Приветствую Всех. Появилась проблема с отображением фоновой картинки на полноэкранных страницах.
В классическом виде на Full2.htm картинку добавляем стилями
Код: Выделить всё
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
%& <!-- links -->
<title>Полноэкранное демо - Arduino Mega Server</title>
<style>
.concept2 {
color: #333;
background: #BCC7B7 url(//%!/concept2.jpg) no-repeat;
background-size: 100% 100%;
}
</style>
<script>
function start() {
getFull2Data();
}
В явном виде задаём название файла , без повтора и размер на весь экран. Отлично , всё работает.
То же самое проделываю с graf.htm
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AMS_Chart</title>
<meta http-equiv="Pragma" content="no-cache">
<!-- Styles -->
<style>
.concept2 {
color: #333;
background: #BCC7B7 url(//%!/concept2.jpg) no-repeat; <!-- вставляем любую картинку -->
background-size: 100% 100%;
}
#text{
font-size: 120%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333366;
}
#chartdiv {
width : 100%;
height : 500px;
}
</style>
<script type="text/javascript" src="read-csv.js"></script>
.........................
А вот фон не появится , пока не добавлю
Код: Выделить всё
</head>
<body class="concept2"> <!-- пока это не написал , результата нет -->
<!-- HTML -->
<div id="chartdiv"></div>
</body>
</html>
В результате картинка появляется , но левая верхняя четверть ( то есть фон в 4 раза больше экрана).
Собственно вопрос - Что я не учел или забыл ?
В самом скрипте есть строки
Код: Выделить всё
<fieldset>
<form action="#">
<!-- add class="tcal" to your input field -->
<div><input type="text" name="date" id="mymsg" class="tcal" value="" /></div>
</form>
<input type="button" onclick="Get_msg()" value="показать"/>
<div id="log">
<form action="#">
<!-- add class="tcal" to your input field -->
<div><input type="text" name="date" id="mylog" class="tcal" value="" /></div>
<input type="button" onclick="Get_log()" value="create!"/>
</form>
<form>
Пробовал по разному - не уменьшается.