Белое пространство, показанное на странице, когда отображается в браузере [закрыто] ⇐ Javascript

[Anonymous]

У меня есть ниже код скрипта HTML и Java.function isNumberKey(evt) {
var charCode = (evt.which) ? evt.which : evt.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
alert("Enter only numbers!");
return false;
}
return true;
}

var getRdnUrl = "/peccgi/xmlhttp/getrdninfo"; // The server-side script

var animstart = 0;
var ErrorCnt = 0;
var MaxError = 0;
var Commerror = 0;
var timerID = 0;
var StopUpdate = true;
var Commerror = 0;
var UpdateRate = 1000;

function cycle_update(error, width, height) {
const c = document.getElementById("progressCanvas");
const ctx = c.getContext("2d");

ctx.strokeRect(20, 20, width, height);
// Create linear gradient
const grad = ctx.createLinearGradient(0, 0, width, height);
//Color c = Color.parseColor("#c0c0c0");
if (error) {
grad.addColorStop(0, "rgb(255, 0, 0)");
grad.addColorStop(1, "rgb(255, 0, 0)");
} else {
//animstart = animstart > 1?animstart-1:animstart;
grad.addColorStop(animstart, "rgb(0, 228, 0)");
animstart += 0.25
animstart = animstart > 1 ? animstart - 1 : animstart;
grad.addColorStop(animstart, "rgb(0, 160, 0)");
animstart += 0.25
animstart = animstart > 1 ? animstart - 1 : animstart;
grad.addColorStop(animstart, "rgb(255, 255,255)");
animstart += 0.25
animstart = animstart > 1 ? animstart - 1 : animstart;
grad.addColorStop(animstart, "rgb(0, 196, 0)");
animstart += 0.25
animstart = animstart > 1 ? animstart - 1 : animstart;
grad.addColorStop(animstart, "rgb(0, 228, 0)");
}

// Fill circle with gradient
ctx.beginPath();
ctx.rect(20, 20, width, height);
//ctx.arc(30,30, 20, 0, 2 * Math.PI);
ctx.fillStyle = grad;
ctx.fill();
animstart += 0.25;
if (animstart > 1) animstart -= 1;
}

function StartUpdate() {
cycle_update(false, 100, 40);
}< /code>
.rdnTableHeader {
background-color: #005E60;
color: #ffffff;
font-weight: bold;
}

.progress {}

.ctrlbtn {
background-color: #005E60;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}< /code>



Venkata info Page





Venkata's Information

Update Period(sec):


Click on the Start button update page dynamically.
Start update

Copy right


< /code>
< /div>
< /div>
< /p>
Когда я открываю страницу в браузере, я вижу ниже снижения. Мне нужна помощь в следующих точках < /p>

• Я не могу найти, где проходит пространство между кнопкой начала обновления и копированием справа. Спасибо за ваше руководство

Подробнее здесь: https://stackoverflow.com/questions/796 ... in-browser