HTML in PAL Mode working as PAL Wide


#1

Hi,
in PAL mode HTML Template is always run on wide mode and output is cropped but casparcg channel is set to PAL 720x576. how can we fix this?

<!DOCTYPE html>
<html>
<head>
	<style type="text/css">
		html, body {
			width:720px;
			height:576px;
			margin:0;
			padding:0;
			background:transparent;
			overflow:hidden;

			text-rendering: optimizeLegibility;
			-webkit-font-smoothing:antialiased;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004) !important;

			border: 1px;
		}
		#main {
			font-size: 62px;
			font-weight: 900;
			white-space: nowrap;
			border: 2px solid red;

		}
	</style>
	<script>function play(str) {} function stop () {} function update(str) {}</script>
</head>
<body>
	<div id="main">This is a HTML Template running in CasparCG Server.</div>
</body>
</html>


#2

Try setting the width to 1024px instead of 720px.


#3

yes didi, it’s working with responsive width
but still there is a issue of aspect ratio e.g. when html wide screen is displaing on PAL 720x576 setup it’s looking like anamorphic screen.