whys it differnt in IE

Associate
Joined
19 Jul 2006
Posts
1,847
Ok I got my design looking more or less how i want it to in opera and firefox but in IE it moves to the left.
Is there any *** of getting it to look the same in IE as the others?
also i got blue/black lines appeaing above my dog and below where it says portfolio, that shouldnt be there.
www.hargitech.co.uk HTML
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Matthew Hargraves - Online Portfolio</title>
<meta content="Portfolio" name="description">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta content="Portfolio web design game design" name="keywords">
<meta content="Matthew Hargraves" name="author">
<meta content="Matthew Hargraves" name="copyright">
<link href="style.css" type="text/css" rel="stylesheet">
<style type="text/css"></style>
</head>
<body>
<h1>Matthew Hargraves, Online Portfolio</h1>
<div id="container">
<p align="center"><a href="index.html">&nbsp;</a> </p>
<div align="center">
<img height="110" alt="" src="dog_pant_md_wht.gif" width="96"> 
<img height="72" alt="" src="bannertop.gif" width="470"></div>
<div align="center"><a href="portfolio.html">&nbsp;</a></div>
<div id="nav">
<ul>
<li><a href="index.html">Home</a> </li>
<li><a href="cv.html">CV</a> </li>
<li><a href="web.html">Web Sites </a></li>
<li><a href="games.html">Games</a> </li>
<li><a href="contact.html">Contact</a> </li></ul></div>
<div id="content">
<p align="left">Welcome to my online portfolio This website has been designed as a showcase for my web sites and game developments. 
<br>Please bear with me as I populate this site. 
<br>I currently hold a Foundation degree in ICT(FdSc ICT) from Leeds Metropolitan University and I'm looking into topping up to become a BA/Bsc in Computer Science, with a plan to become involved with Computer Forensics. 
<br></p>
<h3>Here is some of my current work </h3>
<p>
<img alt="" src="rotate/rotate.php" align="center"> </p>
<br>
<br>
<br>
<br>
<p>&nbsp;</p>
<p>&nbsp;</p></div></div>
<div id="footer">
<p>Home | <a href="mailto:[email protected]">Contact</a> </p>
<p>&nbsp;</p></div>
</body>
</html>
CSS
Code:
body, html {
	margin: 20px auto;
	color: #000;
	font: 0.9em mangal,  verdana, arial, sans-serif;
}

body {
	background: #000000 url("bg8.jpg") repeat;
}


h1 {
	font: 16pt mangal, verdana;
	text-indent: -9999px;
	position:absolute;
}



h2 {
	text-align: center;
}

h3 {
text-Align: center;
font: 16pt mangal, verdana, arial, sans-serif;

}
#content p {
	text-align: left;
}



#container {
	padding-top:50px;
	
	margin:auto;
	width:700px;
	background: #fff;
	border: 1px solid #666;
	min-height: 179px;
}


#container img {
	
display: block;
margin: 5px auto;
}

#nav {
background: #ece9d8;

	float: left;
	width: 130px;
	min-height: 100%;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content {
	margin-left: 130px;
                 border-top: 1px solid #666;
	border-left: 1px solid #666;
	padding-top: 5px;
	padding-left: 10px;
	width: 540px;
	padding-bottom: 5px;
	min-height: 169px;
}
#contentright{
	float:right;
	width:130px;
	min-height: 100%;
	background: #aaaaaa;
	}
#footer {
	clear: both;
	margin: 0 auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	color: #888;
	width: 700px;
	text-align: right;
	font: 0.8em mangal, verdana, arial, sans-serif;
}

#nav a, #nav a:visited {
	text-decoration:None;
	font-weight: 900; 
	width:122px; 
	height:20px; 
  	color: #000;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 5px;
	display: block;
	border-bottom: 1px solid #666;
                border-top: 1px solid #666;
}

#nav a:hover  {
	color:#fff;
	background:#cd9b73 ;  
}
#nav a:active {
color:#000;
	background:#cd9b73 ;
}
#inner a {
	font-weight: bold;
	text-indent: 25px;
}

strong {
	color: #d69e72;
}

#footer a, #footer a:visited {
	text-decoration: underline;
	color: #D69e72;
}

#footer a:hover {
	color: #000;
	background-color:#d69e72;
}

TIA
 
Soldato
Joined
18 Oct 2002
Posts
5,464
Location
London Town
hargi said:
also i got blue/black lines appeaing above my dog and below where it says portfolio, that shouldnt be there.
You have two (empty) links in your markup that consist of a single space - hence the link underline appearing.
Code:
<p align="center">[COLOR=Yellow]<a href="index.html">&nbsp;</a>[/COLOR]</p>
<div align="center">
<img height="110" alt="" src="dog_pant_md_wht.gif" width="96"> 
<img height="72" alt="" src="bannertop.gif" width="470"></div>
<div align="center">[COLOR=Yellow]<a href="portfolio.html">&nbsp;</a>[/COLOR]</div>
 
Associate
OP
Joined
19 Jul 2006
Posts
1,847
Thanks to you both, id have never have found them to links,
and the doc type was right on my local comp but when i uploaded it then edited it online it had changed. odd But everythings good now :cool:
 
Back
Top Bottom