...

View Full Version : CSS Not Recognized by IE & Firefox



MasterSaji
12-30-2009, 07:22 PM
But works in Chrome.

Here's my HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="type/css" href="style.css">
</head>
<body>
<div class="overview">
<div class="mainbox">
<div class="logobox">
<img src="images/logo.png" alt="Rockburn Commons III">
</div>
<div class="nav">
<a href="index.html" class="nav_home"></a>
<div class="nav_seperator"></div>
<a href="board.html" class="nav_board"></a>
<div class="nav_seperator"></div>
<a href="projects.html" class="nav_project"></a>
<div class="nav_seperator"></div>
<a href="newsletters.html" class="nav_newsletter"></a>
<div class="nav_seperator"></div>
<a href="contact.html" class="nav_contact"></a>
</div>
<div class="contentbox">
<div class="main">
<h1>Welcome!</h1>
<p>Welcome to Rockburn Commons III. We have 108 units in 10 buildings.<br>
We are professionally managed by Residential Realty Group, Association Manager: Cambria Hall.</p>
<h3>Our next Board Meeting is Monday, March 23, 7:00pm<br>
at the Elkridge Library Meeting Room.</h3>
<h2>What’s new?</h2><br>
<ul>
<li>We are still awaiting final approval for a grant we submitted in October 2008 to re-seal our parking lot.</li>
<li>Our new community website is operational!</li>
<li>We are on track with our 5-year Capital Project Plan.</li>
<li>New Dumpster Enclosures were built for the dumpsters by 6375 and 6455.</li>
<li>To get the latest community and committee news, see our latest newsletter.</li>
</ul>
</div>
</div>
<div class="footer">
<h4>Copyright © 2009 Rockburn Commons III - Site design by <a href="http://grimforge.com" title="grimFORGE by Connor" target="_blank">Connor Tooker</a></h4>
</div>
</div>
</div>
</body>
</html>


and my CSS



html {
margin: 0;
padding: 0;
height: 100%;
}

body {
margin: 0;
padding: 0;
height: 100%;
background-color: #444444;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: normal;
}

.overview {
margin: 0px auto;
padding: 0px;
width: 900px;
height: 100%;
background-color: #beaa8c;
border-left: solid #282828 2px;
border-right: solid #282828 2px;
overflow: auto;
}

.mainbox {
overflow: hidden;
padding: 1px 0 0 0;
margin-top: -1px;
}

.logobox {
height: 72px;
margin-top: 50px;
margin-right: 25px;
padding: 0px;
text-align: right;
}

/* NAVIGATION */
.nav {
margin: 25px 25px 0 25px;
padding: 0px;
width: 850px;
height: 25px;
background-color: #aa1e14;
}

.nav_seperator {
background-image: url(images/seperator.png);
width: 2px;
height: 25px;
margin-left: 10px;
padding: 0;
float: left;
}

.nav_home {
background-image: url(images/home.png);
width: 52px;
height: 25px;
margin-left: 10px;
padding: 0;
float: left;
}

.nav_board {
background-image: url(images/board.png);
width: 55px;
height: 25px;
margin-left: 10px;
padding: 0;
float: left;
}

.nav_project {
background-image: url(images/projects.png);
width: 79px;
height: 25px;
margin-top: 2px;
margin-left: 10px;
padding: 0;
float: left;
}

.nav_newsletter {
background-image: url(images/newsletters.png);
width: 113px;
height: 25px;
margin-left: 10px;
padding: 0;
float: left;
}

.nav_contact {
background-image: url(images/contact.png);
width: 101px;
height: 25px;
margin-left: 10px;
padding: 0;
float: left;
}

.nav a:hover {
background-position: 0 -25px;
}

/* MAIN CONTENT */
.contentbox {
background-color: #FFFFFF;
width: 850px;
min-height: 200px;
margin: 0px 25px;
padding: 0;
}

.main {
background-image: none;
width: 850px;
min-height: 200px;
padding: 25px;
}

p {
max-width: 600px;
margin-top: 0;
padding-top: 5px;
text-align: left;
}

h1 {
margin: 0;
padding: 0;
color: #800000;
font-family: "Times New Roman", Times, serif;
font-size: 28px;
font-weight: bold;
}

h2 {
margin: 0;
padding: 0;
color: #800000;
font-family: Arial;
font-size: 22px;
font-weight: bold;
}

h3 {
margin: 25px 125px;
padding: 0;
color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
text-align: center;
}

ul {
margin: 0 0 15px 50px;
padding: 0;
}

/* FOOTER */
.footer {
background: none;
max-width: 850px;
min-height: 10px;
margin-top: 5px;
}

h4 {
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 10px;
text-align: center;
}


Other than being a tad bloated and not cleaned up, I can not figure out for the love of me why either FF or IE does not like my CSS. I've validated both and double checked and triple-checked the code to see if I was just missing something minor, but I can't see it, if there's something to be seen.

abduraooft
12-30-2009, 07:32 PM
<link rel="stylesheet" type="type/css" href="style.css">
should be

<link rel="stylesheet" type="text/css" href="style.css">

MasterSaji
12-30-2009, 07:35 PM
You know, I was going to type something witty about the lack of sleep I've had, but I think i'll just give you a big, "Thank you!" and go to bed.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum