Kaleshe
Well-Known Member
- Messages
- 81
- Likes
- 19
Here's the problem... it looks like this on IE and dreamweaver but on chrome and mozilla it looks fine.
Here's the CSS:
*{
border: 0;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#e9e9e9;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
}
body {
padding-top:20px;
width:718px;
}
ol, li {
list-style: none;
display:inline;
padding-left:30px;
}
#nav {
float:right;
padding-top:10px;
margin:0;
background:none;
}
#banner {
background-image:url("file:///C|/Users/Kaleshe/Desktop/Kaleshe Visuals/images/banner.gif");
height:200px;
width:inherit;
}
a:link {
color:#000000;
text-decoration:none;
}
a:hover {
color:#262626;
text-decoration:underline;
}
a:active {
color:#000000;
}
a:visited {
color:#000000;
}
Here's the HTML
<!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>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<img class="header" src="images/header.png" alt="header image"/>
<div id="nav">
<ul>
<li><a href="#"/>Home</a></li>
<li><a href="#"/>About</a></li>
<li><a href="#"/>Portfolio</a></li>
<li><a href="#"/>Contact</a></li>
</ul>
</div><!--end nav-->
</div><!--end header-->
<div id="banner">
BANNER
</div><!--end banner-->
<div id="main">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tincidunt placerat pharetra. Suspendisse ut tellus urna, congue pellentesque risus. Maecenas ullamcorper dolor non turpis venenatis imperdiet dictum nulla accumsan. Suspendisse auctor dignissim auctor. Integer vestibulum auctor dolor, ut vehicula neque posuere et. Aenean sagittis posuere purus, lobortis imperdiet ante congue sit amet. Sed eu mauris lorem.
Ut ultrices ipsum et arcu varius consequat sit amet id mi. Aliquam non tortor sit amet dui sagittis venenatis. Etiam et luctus metus. Duis bibendum tincidunt facilisis. Maecenas at enim nec enim viverra luctus id quis augue. Integer posuere rhoncus faucibus. Aliquam eget nibh enim, in aliquam erat. Sed ut nunc sit amet nisi laoreet porta sit amet ut lacus. Sed tristique, nunc id mollis dictum, dolor elit tincidunt nisi, ac vestibulum lorem sem nec enim. Sed quis ante libero, eu placerat mi. Sed vehicula pulvinar lacinia. Praesent ac est velit. Cras facilisis turpis at orci vehicula auctor. Phasellus elementum nunc sed metus hendrerit euismod quis pretium odio.
Nulla pulvinar ultrices nisl, et lacinia ipsum bibendum in. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum eget tellus enim, quis pulvinar leo. Etiam ut lorem velit, eu ornare massa. Donec tristique lacinia lorem tincidunt pretium. Fusce pulvinar, odio a gravida interdum, justo justo rutrum ligula, a porttitor tellus neque ac orci. Nunc neque tellus, luctus euismod ultricies aliquet, tempor et dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam id ligula arcu. Aenean eget leo diam, ut pharetra tortor. Duis et lacus vitae nisl blandit ultrices vitae quis sem. Cras eu libero et massa blandit aliquam. Integer quis sagittis justo. Curabitur ultricies tellus id nisi sollicitudin fermentum. Aenean auctor facilisis nisi imperdiet pretium.</p>
</div><!--end main-->
<div id="footer">
Copyright © 2012 Kaleshe Visuals
</div><!--end footer-->
</body>
</html>