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
CSS
TIA
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"> </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"> </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> </p>
<p> </p></div></div>
<div id="footer">
<p>Home | <a href="mailto:[email protected]">Contact</a> </p>
<p> </p></div>
</body>
</html>
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
