No replies
StockDC2
StockDC2's picture
Offline
newbie
Last seen: 9 years 39 weeks ago
Timezone: GMT-7
Joined: 2011-10-29
Posts: 4
Points: 6

Hi, I have an issue with my code where if I zoom in or out within the web browser, the black background change in size. This causes the white in between the two bars to get smaller or bigger (smaller if zooming in and bigger if zooming out). Can anyone find out why? Thanks in advance.

<!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>Terry's Page</title>
<style>
 
	@font-face {
		font-family: District;
		src: url('District.ttf');
	}
	#bottomleft {
	width: 270px;
	height: 100px;
	font-family: District;
	font-size: 24px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
	text-align: right;
	padding: 0.5em 1em 0 0;
	float: left;
	}
	#bottomright {
	width: 1570px;
	height: 100px;
	font-family: District;
	font-size: 24px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
	text-align: left;
	padding: 0.5em 0 0 1em;
	float: right;
	}
</style>
</head>
 
<body>
	<div id="bottomleft">
		Aerotactics
	</div>
	<div id="bottomright">
		Home Photos Videos Contact
	</div>
</body>
</html>