CSS Strangeness

malef!c · 18 Jan 2007 at 21:10

oops - move along, sorted now

Pho · 18 Jan 2007 at 21:27

I saw it before you edited.

Code:

#container 
{
	width: 800px;
	\width: 820px;
	w\idth: 800px;
	border: 1px solid gray;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
}

#banner 
{
	padding: 5px;
	margin-bottom: 0px;
	background-color: rgb(213, 219, 225);
}

#content 
{
	padding: 5px;
	background-color: gray;
}

#sidebar-a 
{
	float: left;
	margin: 0;
	padding: 5px;
	background-color: rgb(235, 235, 235);
}

#sidebar-b 
{
	float: right;
	margin: 0;
	padding: 5px;
	background-color: rgb(235, 235, 235);
}

#footer 
{
	clear: both;
	padding: 5px;
	background-color: rgb(213, 219, 225);
}
		
#navcontainer 
{
	padding: 0px;
	margin: 0 0 0 0;
}

#navcontainer ul
{
	margin-left: 0px;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#navcontainer a
{
	display: block;
	padding: 3px;
	width: 160px;
	background-color: #036;
	border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
	color: #EEE;
	text-decoration: none;
}

#navcontainer a:hover
{
	background-color: #369;
	color: #fff;
}

Code:

<!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></title>
<style type="text/css">@import url(css/style.css);</style>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>

<body>
	<div id="container">
		<div id="banner">
			banner
		</div>

		<div id="sidebar-a">
				<div id="navcontainer">
		<ul class="navlist">
			<li>N A V I G A T I O N</li>
			<li><a href="http://wiiexchange.net/index.php">Home</a></li>
			<li><a href="http://wiiexchange.net/create_a_tag.php">Create A Tag</a></li>
			<li><a href="http://wiiexchange.net/create_a_mii">Flash Mii creator</a></li>

			<li><a href="http://wiiexchange.net/forum">Forum</a></li>
			<li><a href="http://wiiexchange.net/wii_directory.php">Wii Directory</a></li>
			<li><a href="http://wiiexchange.net/buy_wii.php">The Wii Store</a></li>
			<li><a href="http://wiiexchange.net/contact_wiiexchange.php">Contact Wii Exchange</a></li>
		</ul>

		<ul class="navlist">

			<li>P A R T N E R S</li>
			<li><a href="http://www.wiiblog.net/">Wii Blog - News &amp; Views</a></li>
		</ul>
	</div>
		</div>

		<div id="content">

			dfgdfgdfgdfgdfgdfg<br/>dfdsfsdfsdfdsf
		</div>

		<div id="footer">
			footer
		</div>
	</div>
</body>

</html>

Whilst it doesn't fix your problem (as you've done it) that is validated HTML/CSS, yours had a few errors.

malef!c · 18 Jan 2007 at 22:27

Pho said:

I saw it before you edited.

Code:

#container 
{
	width: 800px;
	\width: 820px;
	w\idth: 800px;
	border: 1px solid gray;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
}

#banner 
{
	padding: 5px;
	margin-bottom: 0px;
	background-color: rgb(213, 219, 225);
}

#content 
{
	padding: 5px;
	background-color: gray;
}

#sidebar-a 
{
	float: left;
	margin: 0;
	padding: 5px;
	background-color: rgb(235, 235, 235);
}

#sidebar-b 
{
	float: right;
	margin: 0;
	padding: 5px;
	background-color: rgb(235, 235, 235);
}

#footer 
{
	clear: both;
	padding: 5px;
	background-color: rgb(213, 219, 225);
}
		
#navcontainer 
{
	padding: 0px;
	margin: 0 0 0 0;
}

#navcontainer ul
{
	margin-left: 0px;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#navcontainer a
{
	display: block;
	padding: 3px;
	width: 160px;
	background-color: #036;
	border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
	color: #EEE;
	text-decoration: none;
}

#navcontainer a:hover
{
	background-color: #369;
	color: #fff;
}

Code:

<!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></title>
<style type="text/css">@import url(css/style.css);</style>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>

<body>
	<div id="container">
		<div id="banner">
			banner
		</div>

		<div id="sidebar-a">
				<div id="navcontainer">
		<ul class="navlist">
			<li>N A V I G A T I O N</li>
			<li><a href="http://wiiexchange.net/index.php">Home</a></li>
			<li><a href="http://wiiexchange.net/create_a_tag.php">Create A Tag</a></li>
			<li><a href="http://wiiexchange.net/create_a_mii">Flash Mii creator</a></li>

			<li><a href="http://wiiexchange.net/forum">Forum</a></li>
			<li><a href="http://wiiexchange.net/wii_directory.php">Wii Directory</a></li>
			<li><a href="http://wiiexchange.net/buy_wii.php">The Wii Store</a></li>
			<li><a href="http://wiiexchange.net/contact_wiiexchange.php">Contact Wii Exchange</a></li>
		</ul>

		<ul class="navlist">

			<li>P A R T N E R S</li>
			<li><a href="http://www.wiiblog.net/">Wii Blog - News &amp; Views</a></li>
		</ul>
	</div>
		</div>

		<div id="content">

			dfgdfgdfgdfgdfgdfg<br/>dfdsfsdfsdfdsf
		</div>

		<div id="footer">
			footer
		</div>
	</div>
</body>

</html>

Whilst it doesn't fix your problem (as you've done it) that is validated HTML/CSS, yours had a few errors.

Thank you

joeyjojo · 19 Jan 2007 at 02:22

Pho with his ninja-like qualities :rolleyes: