Can't see this in IE [Archive]

Zarel

09-19-2005, 08:48 PM

can anyone tell me why IE only displays the word HOME (header2 with none of the decoration) and nothing else? I thought this was pretty straight forward but I must be missing something.

You have a <li class="nav"> before "Home". Get rid of it.

For everyone else, here are the files, so you don't have to download 'em.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>Quality Jags</title>
<link rel="stylesheet" type="text/css" href="mstyles02.css">
</head>

<body>
<h1>
<li class="nav">Home
</h1>
<h2>QualityJags.com</h2>
<div class="body">
<ul class="nav">
<li class="nav"><a class="menu" href="about.html">About Us</a>
<li class="nav"><a class="menu" href="carsales.html">Available Cars</a>
<li class="nav"><a class="menu" href="prevsales.html">Previously Sold Cars</a>
<li class="nav"><a class="menu" href="sellhere.html">Sell Your Car Here</a>
<li class="nav"><a class="menu" href="contact.html">Contact Us</a>
</ul>
<p class="main"><img class="display" src="jpg/paulcar02.jpg" height="240" width="320">This is where descriptions of the cars would be. This paragraph can be as long or short as you want it to be. On the home page, this should probably contain information about how your site works and what you do, for the client, as a company.
Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text. Text.
</div>
<div class="footer">
<p>Website designed by <a class="footer" href="contact.html">Nick Diamond</a></p>
</div>
</body>

</html>

body
{
width: 100%;
height: auto;
color: #000;
margin: 0;
}

/*Primary header tag (sets properties for title*****************************************************************/
h1
{
float: left;
height: auto;
width: 20%;
margin: 0;
text-align: left;
vertical-align: bottom;
padding: 22px 0 0 0;
border-bottom: 2px solid #000;
}

/*Secondary header tag (sets properties for title***************************************************************/
h2
{
float: left;
height: auto;
width: 80%;
margin: 0;
text-align: right;
font-family: Arial;
color: #369;
font-size: 37px;
padding: 0 0 5px 0;
border-bottom: 2px solid #000;
}

/*Primary ul tag (sets properties for area containing left nav bar)**********************************************/
ul.nav
{
float: left;
height: 100%;
margin: 0;
width: 150px;
padding: 0;
border: 0;
}

/*Primary li tag (sets properties for top nav links)*******************************************************/
li.nav
{
float: left;
width: 100px;
list-style-type: none;
font-family: Times;
font-size: 15px;
padding: 10px 0 0 10px;
color: #000;
}

/*Top nav link properties***************************************************************************************/
a {font-family: Times;}
a.menu
{
font-size: 15px;
float: left;
text-decoration: none;
color: #000;
}
a.menu:hover {color: #fff;}

/*Link styles inside the main div element***********************************************************************/
a.main:link {color: #c00;}
a.main:visited {color: #c00;}
a.main:hover {color: #f00;}

/*Link styles for the footer area of the page*******************************************************************/
a.footer {text-decoration: none;}
a.footer:link {color: #fff;}
a.footer:visited {color: #c00;}
a.footer:hover {color: #f00;}

/*Font def for main paragraphs**********************************************************************************/
p.main
{
display: block;
width: auto;
padding-left: 10px;
font-family: Courier;
}

/*This element defines the center of the page*******************************************************************/
div.body
{
font-family: Courier;
width: 100%;
height: 80%;
background-color: #999;
padding: 0;
float: left;
}

/*This element sets the main image display properties***********************************************************/
img.display
{
float: right;
padding: 0 20px 10px 10px;
}

/*Footer properties****************************************************************************************** ***/
div.footer
{
float: left;
position: relative;
background-color: #369;
width: 100%;
height: 25px;
font-size: 12px;
font-family: Times;
text-align: center;
margin-bottom: 0;
}