Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2009
    Location
    Virginia, USA
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    CSS Not Recognized by IE & Firefox

    But works in Chrome.

    Here's my HTML
    Code:
    <!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

    Code:
    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.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    <link rel="stylesheet" type="type/css" href="style.css">
    should be
    Code:
    <link rel="stylesheet" type="text/css" href="style.css">
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    MasterSaji (12-30-2009)

  • #3
    New to the CF scene
    Join Date
    Dec 2009
    Location
    Virginia, USA
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •