[RESOLVED] Help with Firefox not displaying the same as IE....

**Static** · Jan 23rd, 2006, 08:25 AM

I have 2 pages in the site ive been working on that do not display correct

1) index.html
-This is supposed to act like a "slpash" screen. but the background image doesnt display correctly: It doesnt center?

Code:

<HTML>
		<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
		
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=Windows-1252">
	<meta http-equiv="Content-Language" content="en-us">
	<meta name="author" content="">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta http-equiv="Refresh" content="10;url=http://www........com/home.html">
	<meta http-equiv="Page-Exit" content="blendTrans(Duration=3)">
	<LINK REL="shortcut icon" HREF="http://www......com/favicon.ico">
	<title></title>

<style type="text/css">
body {
background-image: url('bg_main.jpg');
background-repeat: no-repeat;
background-position: center;
background-color: black;
cursor: hand;
scrollbar-arrow-color: black;
scrollbar-base-color: black;
scrollbar-dark-shadow-color: black;
scrollbar-track-color: black;
scrollbar-face-color: black;
scrollbar-shadow-color: black;
scrollbar-highlight-color: black;
scrollbar-3d-light-color: black;
}
div a
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height:  100%;
}
</style>
</head>
<body onMouseOver="window.status='Welcome to ...'; return true">
<div>
	<a href="home.html" HIDEFOCUS></a>
</div>
</body>
</HTML>

basically the bg image (bg_main.jpg) is 1024x883 so that it fills the screen for 800x600 & 1024x768... and it has a logo in the center of the image...
problem is.. in IE the image centers both vertically and horizontally.. but in FF it doesnt??

Thread: [RESOLVED] Help with Firefox not displaying the same as IE....

Thread Tools

Display

Threaded View

[RESOLVED] Help with Firefox not displaying the same as IE....

Posting Permissions