• Locked
No replies
Wed, 2006-04-26 21:15
Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 51 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

I honestly don't see what the issue is.
Sorry, I havn't had a chance to upload this anywhere live.

I want #masthead to be snug up to the top (is in IE, not in FF)
I want #topnav snug against #masthead (is in IE, not in FF)
I want #masthead to have a 5px padding at the top and bottom of the h1 (is in FF, not is IE)

Does anyone have any idea where I went wrong with my code?

CSS:

body {
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
}

#container {
	width: 997px;
	margin: 0 auto;
	background-color: #FFF;
}

#masthead {
	width: 997px;
	background-color: #C0C0C0;
	margin: 0;
	padding: 0;
}

#masthead h1 {
	font-size: 200%;
	padding: 5px 0 5px 10px;
}

#topnav {
	text-align: center;
	width: 995px;
	border: 1px solid #000;
	padding: 0;
	margin: 0;
}

#topnav ul {
	list-style: none;
	position: relative;
	display: inline;
	padding: 0;
	margin: 0;
}

#topnav li {
	list-style: none;
	display: inline;
	position: relative;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

#topnav li a, #topnav li a:visited {
	text-decoration: none;
}

#topnav li a:hover, #topnav li a:active {
	text-decoration: none;
	color: #999;
}

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>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>SuperHero Times</title>

<link rel="stylesheet" type="text/css" media="screen" title="User Defined Style" href="style/style.css" />

</head>
<body>

<div id="container">
	<div id="masthead">
		<h1>Superhero Times</h1>
	</div>
	
	<div id="topnav">
		<ul>
			<li><a href="">News</a> | </li>
			<li><a href="">Figure Archive</a> | </li>
			<li><a href="">Forums</a> | </li>
			<li><a href="">Contests</a> | </li>
			<li><a href="">Photo Gallery</a> | </li>
			<li><a href="">Contact</a></li>
		</ul>
	</div>
	
	<div id="left">
		<div class="lbox">
			
		</div>
		<div class="lbox">
			
		</div>
		<div class="lbox">
			
		</div>		
	</div>

	<div id="middle">
		<div id="topstories">
		
		</div>
		<div class="post">
		</div>
	</div>
	
	<div id="right">
	
	</div>
</div>

</body>
</html>

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Top
Tags: