Cross Browser Problem

tqmd1 · 7th January 12, 09:36 AM

Dear Experts

I have following codes

Code:

<!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>
<title>Asia Ghee Mills</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" 

/>


<style type="text/css">
html {
  overflow: auto;
  background: #e3eeff;
height:100%;
}

body	{margin:0 auto;}


#header {
	float:left;
  	width: 675px;
  	height: 100px;
  	color: white;
  	border-bottom: 1px solid black;
	background: url("http://i41.tinypic.com/5yhtdx.jpg") no-repeat;
	}


#header p {
	font-size: 36pt;
  	font-weight: bolder;
  	color: green;
  	font-family: verdana;
  	text-align: center;
	line-height: 50px;
	height: 100px;
  	}

</style>

</head>

<body>
  	<div id="header">
	<p>Asia Ghee Mills</p></div>
</div>
</body>
</html>

The label position is different in IE6 and IE8 as shown in attachment.
I want label (Asia Ghee Mills) must appear horizontly and vertically center.

http://www.codingforums.com/attachme...6&d=1325931735

http://www.codingforums.com/attachme...7&d=1325931751

Please help

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Switch to Hybrid Mode Threaded Mode