Solved: Create a webpage for 1920x1080 resolution

Create Account

Web Development

Questions

Followers

Top Experts

arendt73

Create a webpage for 1920x1080 resolution

I am trying to create a news webpage for a hospitality 42" monitor that has a native resolution of 1920x1080. I am having trouble determining the height size. Theoretically, the page should be 1920x1080, but the top and bottom is chopped off. Side to side is not an issue.

Any suggestions and assistance is greatly appreciated. This is driving me nuts!

Thanks for your help.

Zero AI Policy

We believe in human intelligence. Our moderation policy strictly prohibits the use of LLM content in our Q&A threads.

David Johnson, CD🇨🇦

height=1025px is the best I could do. and it is close in ie9 and firefox 8 on my 1080p monitor

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<style type="text/css">
.auto-style3 {
	background-image: url('images/1.jpg');
}
.auto-style4 {
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}
.auto-style5 {
	border: 3px solid #FFFFFF;
}
.auto-style6 {
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
}
.auto-style7 {
	text-align: center;
}
.auto-style8 {
	color: #FFFFFF;
}
</style>
</head>

<body>

<table class="auto-style3" style="width: 1920px; height: 1025px">
	<tbody>
	<tr class="auto-style3" style="width: 100%; height: 100px">
		<td>
		<h1 class="auto-style4">This is My Header Frame</h1>
		</td>
	</tr>
	<tr>
		<td>
		<table style="width: 100%; height: 683px">
			<tbody>
			<tr>
				<td class="auto-style5" style="width: 562px">
				<h2 class="auto-style6">This is the Left Column</h2>
				</td>
				<td class="auto-style7" style="width: 623px">
				<h2 class="auto-style7"><strong>This is the Middle Column</strong></h2>
				</td>
				<td class="auto-style7"><h2><strong>This is the Right Column</strong></h2>
				</td>
			</tr>
		</tbody>
		</table>
		</td>
	</tr>
</tbody>
</table>

</body>

</html

Open in new window

CRAK🇳🇱

In normal conditions I would say that a lot depends on how the user configured his client: is the statusbar visible, which toolbars ar visible etc. The issue could be solved by calculating and setting sizes in javascript
In your situation, things might be a lot easier: could the display be set up in full screen mode (F11)? You'd get the full 1920x1080!

Glenn Abelson🇺🇸

What happens if you change line 34 from:
<table class="auto-style3" style="width: 1920px; height: 1025px">
to:
<table class="auto-style3" style="width: 1100% ">

I know the design is for a specific monitor with a specific resolution, but when the obvious solution fails . . .

Also, you may want to try it with DIVs instead.

EARN REWARDS FOR ASKING, ANSWERING, AND MORE.

Earn free swag for participating on the platform.

arendt73

ASKER

The status/toolbar in IE will not be visible and is set to full screen mode.

Glenn Abelson🇺🇸

correction: <table class="auto-style3" style="width: 100% ">

IanTh🇬🇧

I wouldn't do it to that resolution yet as the rest of the market is not they are at 800*600
you can do multiple pages based on the users session so if the web server finds a maxed browser at 1024 use tha correct css for 1024*768

Get a FREE t-shirt when you ask your first question.

We believe in human intelligence. Our moderation policy strictly prohibits the use of LLM content in our Q&A threads.

ASKER CERTIFIED SOLUTION

CRAK🇳🇱

membership

Signing up is free and takes 30 seconds. No credit card required.

Create Account

Web Development

Questions

Followers

Top Experts

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.