No replies
eduski
Offline
newbie
Cleveland, OH
Last seen: 2 years 29 weeks ago
Cleveland, OH
Timezone: GMT-5
Joined: 2012-01-14
Posts: 5
Points: 8

I have a website in ie7 that is not rendering properly. I can't figure out why the right sidebar is being pushed over. Any help would be appreciated. The site is at Lake Erie Showcase. The CSS for container alignment is below. Thanks in advance.

html, body {
	margin: 0;
	padding: 0;
	line-height: 1em;
	height: 100%;
}
 
body{
	background-image: url('images/bbg.jpg');
}
 
img {
	margin: 0;
	padding: 0;
	border: 0;
}
 
li {
	margin: 0;
	padding: 0;
	border: 0;
}
 
tr, td { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #333;
}
 
div#container {
	position: relative;
	background-color: #a3cccc;
	width: 950px;
	margin: 0 auto;
	padding: 12px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}
 
div#header {
  background-color: #2d3233;
  width: 950px;
  padding: 0;
  clear: both;
}
 
.logo {
	float: left;
	width: 950px;
	height: 120px;
	z-index: 100;
}
 
div#navigation {
	float: left;
	width: 950px;
}
 
div#tournament {
	clear: both;
	float: left;
	background-color: #003366;
	width: 940px;
	padding: 6px 5px;
}
 
#tournament ul {
	list-style: none;
	margin: 0 auto;
	padding: 0 0 10px 0px;
	background-color: #003366;
	clear: both;
}
 
#tournament li {
	margin-right: 15px;
	float: left;
	text-align: center;
}
 
#tournament a {
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
}
 
#tournament a:hover {
	text-decoration: underline;
}
 
div#loginform {
	clear: both;
	width: 940px;
	color: #000;
	background-color: #d1e9e9;
	padding: 6px 5px;
}
 
#loginform input {
    width: 80px;
    margin-bottom: 6px;
	font-size: 10px;
}
 
#loginform input.submit {
    width: 60px;
    background: #003366;
	color: #e5e5e5;
    margin-bottom: 6px;
}
 
#loginform a {
	color: #000;
}
 
div#contentarea {
	padding-bottom: 5em; /* bottom padding for footer */
	width: 950px;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
 
 }
 
#contentarea a {
	color: #333;
	text-decoration: underline;
} 
  .contentbig {
	clear: both;
	width: 920px;
}
 
 .contentone {
	width: 680px;
	background: #fff;
	margin-left: 0px;
	padding: 10px;
	float: left;
}
 
.frontarticle {
	width: 680px;
	height: 400px;
	background: #e5e5e5;
}
 
.contentoneimg{
	float: right;
	margin: 6px;
	clear: both;
}
 
 
.contenttwo {
	width: 220px;
	float: right;
	padding-right: 0px;
	padding-top: 10px;
}
 
.contenttwo .outer {
	float: right;
	width: 230px;
	background-color: #e5e5e5;
	color: #333;
	margin: 0px 15px;
	text-align: left;
	padding: 2px;
	border: 2px solid #999;
}
 
.contenttwo .plain {
	float: right;
	width: 230px;
	color: #333;
	margin: 0px 15px;
	text-align: left;
	padding: 2px;
	border: 0px solid #999;
}
 
.contenttwo .outer ul {
	margin: 6px 0 0 -15px;
}
 
.contenttwo .outer a {
	color: #333;
	text-decoration: none;
}
 
.contenttwo td {
	font-size: 9px;
}
 
 
div#push {
	clear: both;
	width: 950px;	
	height: 180px;
}
 
div#footerarea {
	position: absolute;
	z-index:9999;
	clear: both;
	width: 950px;	
	bottom: 0;
	background-color: #003366;
	color: #e5e5e5;
	margin-bottom: 12px;
}
 
#footerarea a:link, a:visited {
	color: #e5e5e5;
}
 
#footerarea a:hover {
	color: #e5e5e5;
	text-decoration: underline;
}
 
.footersponsors {
	width: 950px;
	font-size: 12px;
	background-color: #fff;
	float: left;
	text-align: left;
	padding: 0;
}
 
.footersponsors ul {
	list-style: none;
	margin: 0 auto;
	padding: 10px 0 10px 0px;
	clear: both;
}
 
.footersponsors li {
	margin-right: 15px;
	float: left;
	text-align: center;
}
 
.footersponsors a {
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
}
 
 
.footerone {
	clear: both;
	width: 640px;
	font-size: 12px;
	float: left;
	text-align: left;
	padding: 6px;
}
 
 
.footertwo {
	width: 260px;
	float: right;
	text-align: left;
}
 
.title { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 18px;
color: #333;
}
 
.notify { 
background: #FFFFCC;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
border: #FFFF00 solid 2px;
padding-top: 10px;
padding-bottom: 10px;
}
 
.notify_red { 
background: #ffcccc;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
border: #990000 solid 2px;
padding-top: 10px;
padding-bottom: 10px;
}
 
.notify_green { 
background: #ccffcc;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
border: #009900 solid 2px;
padding-top: 10px;
padding-bottom: 10px;
}
 
.notify_blue { 
background: #99ccff;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
border: #333333 solid 2px;
padding-top: 10px;
padding-bottom: 10px;
}
 
.red {
	color: #990000;
} 
 
.green {
	color: #006633;
} 
 
.trh {
	background: #a3cccc;
}
 
 
form {margin: 0px 0px 0px 0px;}

//mod edit: Link fixed. ~gt