• Locked
1 reply [Last post]
Wed, 2012-01-25 00:08
eduski
Offline
Last seen: 1 year 16 weeks ago
newbie
Cleveland, OH
Timezone: GMT-5
Joined: 2012-01-14
Posts: 5
Points: 8

I have css below for my containers and html code. For some reason, the right column in ie7 is being pushed further right by approximately 20 pixels, and I can't figure out why. Any insight is appreciated.

html, body {
	margin: 0;
	padding: 0;
	line-height: 1em;
	height: 100%;
}
 
body{
	background: #000f42;
}
 
img {
	margin: 0;
	padding: 0;
	border: 0;
}
 
li {
	margin: 0;
	padding: 0;
	border: 0;
}
 
div#container {
	position: relative;
	background: #000f42;
	width: 950px;
	margin: 0 auto;
	padding: 0px;
	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 {
  width: 950px;
  padding: 0;
  clear: both;
  background: #ccc;
}
 
.logo {
	float: left;
	width: 950px;
	z-index: 100;
}
 
div#navigation {
	float: left;
	width: 950px;
	background: #003300;
}
 
div#loginform {
	clear: both;
	width: 942px;
	color: #e8e8e8;
	font-size: 11px;
	background-color: #000;
	height: 24px;
	line-height: 24px;
	padding: 4px;
}
 
#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: #e8e8e8;
}
 
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;
}
 
.accounttable { 
padding: 2px;
border: 1px #666666 solid;
}
 
.accounttd { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
background-color: #ffffff;
color: #000000;
padding: 2px;
border-bottom: 1px #cccccc solid;
}
 
.accounttdgray { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
background-color: #e5e5e5;
color: #666666;
padding: 2px;
border-bottom: 1px #cccccc solid;
}
 
.accounttdblue { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
background-color: #ffffcc;
color: #000000;
padding: 2px;
border-bottom: 1px #cccccc solid;
}
 
.accounttd_pay { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
background-color: #ccffcc;
color: #000000;
padding: 2px;
border-bottom: 1px #cccccc solid;
}
 
.accounttd_green{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
background-color: #ccffcc;
color: #009900;
padding: 2px;
border-bottom: 1px #cccccc solid;
}
 
.accounttd_red { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
background-color: #ffcccc;
color: #990000;
padding: 2px;
border-bottom: 1px #cccccc solid;
}
 
.account_htd { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
font-weight: bold;
background-color: #666666;
color: #ffffff;
padding: 2px;
}
 
.account_notify { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
background-color: #FFFF99;
color: #000000;
padding: 2px;
border-bottom: 0px #cccccc solid;
}
 
.contenttwo {
	width: 220px;
	font-size: 10px;
	float: right;
	padding-right: 0px;
	padding-top: 10px;
}
 
.contenttwo a {
	font-size: 10px;
}
 
.contenttwo .outer {
	float: right;
	width: 220px;
	background-color: #fff;
	color: #333;
	margin: 0px 15px;
	text-align: left;
	padding: 2px;
	border: 1px solid #292929;
	margin-bottom: 10px;
}
 
.contenttwo .outer a {
	color: #333;
	text-decoration: none;
}
 
div#push {
	clear: both;
	width: 950px;	
	height: 40px;
}
 
div#footerarea {
	clear: both;
	width: 950px;	
	padding-bottom: 20px;
	background: #000f42;
	color: #e5e5e5;
}
 
#footerarea a {
	color: #e5e5e5;
}
 
.footersponsors {
	width: 950px;
	font-size: 12px;
	background-color: #fff;
	float: left;
	text-align: left;
	padding: 0;
}
 
.footersponsors .titlep {
	font-size: 18px;
	padding: 6px;
	border-width: 2px 0 2px 0;
	border-color: #000f42;
	border-style: solid;
}
 
.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: 12px;
font-weight: bold;
color: #000f42;
}
 
.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;}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><script type="text/javascript" src="/CFIDE/scripts/cfform.js"></script>
<script type="text/javascript" src="/CFIDE/scripts/masks.js"></script>
<title>Buffalo Lacrosse Academy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="The Buffalo Lacrosse Academy is the Premier Provider of Lacrosse Services for Buffalo, New York.  Western New York's only college preparatory program.">
<link rel="stylesheet" href="css_style.css">
<link rel="stylesheet" href="css_menu.css">
<link rel="stylesheet" href="css_tabs.css">
</head>
 
 
 
<body>
 
<div id="container">
 
 
 
    <div id="header"><div class="logo"><a href="index.cfm"><img src="images/950_blahead_new.jpg" border="0" /></a></div>
 
</div>
 
 
 
	<div id="navigation"><ul id="m" class="navmenu">
 
 <li><a href="index.cfm">Home</a> </li>
 
 <li><a href="#">About the BLA</a>
 
   <ul>
 
     <li><a href="development.cfm">Player Development Program</a></li>
 
     <li><a href="ourstory.cfm">Our Story</a></li>
 
     <li><a href="about_directions.cfm">Directions</a></li>
 
     <li><a href="instruction_team.cfm">Instruction Team</a></li>
 
     <li><a href="testimonials.cfm">Testimonials</a></li>
 
     <li><a href="outreach.cfm">Outreach</a></li>
 
     <li><a href="support_sponsorship.cfm">Support and Sponsorship</a></li>
 
     <li><a href="contactus.cfm">Contact Us</a></li>
 
     <li><a href="http://www.lakeerieshowcase.com">Lake Erie Showcase</a></li>
 
     <li><a href="http://www.fallbrawltournament.com">BLA FallBrawl</a></li>
 
   </ul>
 
 </li>
 
<li>
 
  <a href="news.cfm">News</a></li>
 
  <li>
 
  <a href="calendar.cfm">Calendar</a></li>
 
 
 
<li>
 
  <a href="development.cfm">College</a>
 
  <ul>
 
    <li><a href="teams_alumni.cfm">Alumni</a></li>
 
    <li>Recruiting (coming soon)</li>
 
    </ul>
 
  </li>
 
 
 
<li><a href="#">Leagues</a>
 
<ul>
 
    <li><a href="registration.cfm">Registration</a></li>
 
    <li><a href="winter_lacrosse.cfm">Winter Box</a></li>
 
    <li><a href="league_spring_youth.cfm">Spring Youth</a></li>
 
    <li><a href="league_spring_summer.cfm">Summer Varsity</a></li>
 
    <li>Fall Ball (coming soon)</li>
 
    </ul>
 
</li>
 
 
 
<li>Camps and Clinics
 
  <ul>
 
    <li><a href="registration.cfm">Registration</a></li>
 
    <li><a href="fallball.cfm">Fall Ball</a></li>
 
    <li>Skill School (High School)</li>
 
    <li>Rising Stars (Grade 8 and Under)</li>
 
</ul>
 
</li>
 
<li><a href="#">Teams</a>
 
  <ul>
 
    <li><a href="teams_about.cfm">About</a></li>
 
    <li><a href="registration.cfm">Registration</a></li>
 
    <li><a href="teams_rosters.cfm">Current Rosters</a></li>
 
    <li><a href="schedule.cfm?fc=15">Team Buffalo</a></li>
 
    <li><a href="schedule.cfm?fc=16">Varsity Select (U18)</a></li>
 
    <li><a href="schedule.cfm?fc=18">Rising Sophomores (U16)</a></li>
 
    <li><a href="schedule.cfm?fc=19">Rising Freshman (U16)</a></li>
 
    <li><a href="u14_rising_stars_about.cfm">Under 14 Rising Stars Camp</a></li>
 
    <li><a href="schedule.cfm?fc=20&oc=47">Under 14 Select Team</a></li>
 
    <li><a href="teams_alumni.cfm">Alumni</a></li>
 
    <li><a href="teams_faq.cfm">FAQ</a></li>
 
  </ul>
 
</li>
 
<li><a href="#">More</a>
 
  <ul>
 
    <li><a href="links.cfm">Links</a></li>
 
    <li><a href="photos.cfm">Photos</a></li>
 
    <li><a href="tournaments.cfm">Tournaments</a></li>
 
    <li><a href="testimonials.cfm">Testimonials</a></li>
 
  </ul>
 
</li>
 
<li><a href="contactus.cfm">Contact Us</a>
 
</ul></div>
 
    <div id="loginform"> <form name="CFForm_1" id="CFForm_1" action="account_home.cfm" method="post" onsubmit="return _CF_checkCFForm_1(this)">
 
     Account Login  Username: 
 
         <input name="username" id="username"  type="text" size="9"  class="inptxt"  />
 
    Password: 
 
    <input name="password" id="password"  type="password" size="9"  class="inptxt"  /> <input type="submit" class="submit" value="Login">
 
    <a href="account_create.cfm">Create an account</a> <a href="account_reactivate.cfm">Forgot  password</a>
 
</form>
</div>
 
 
 
		<div id="contentarea">
 
		  <div class="contentone">
 
 
 
          <p class="title">Calendar</p>
 
          <p>Coming Soon.</p>
 
 
 
 
 
 
 
            <div id="push"></div>
 
			</div>
 
		  <div class="contenttwo">
 
 
 
 
 
<div class="outer">
 
<img src="images/950_headings_left_bulletin.jpg" width="220" />
 
 
 
12/30 : <a href="news.cfm?#214">Buffalo Rising Sophomore 2012 Schedule has been posted</a><br>
 
12/30 : <a href="news.cfm?#213">Buffalo Varsity Sr/Jr 2012 Schedule has been posted</a><br>
 
12/30 : <a href="news.cfm?#212">Team Buffalo 2012 Schedule has been posted</a><br>
 
12/30 : <a href="news.cfm?#215">Buffalo Rising Freshman 2012 Schedule has been posted</a><br>
 
12/20 : <a href="news.cfm?#211">Playoff Schedule for BILL now posted</a><br>
 
12/20 : <a href="news.cfm?#209">Stats for Games 3 and 4 of the BILL League now posted</a><br>
 
 
 
</div>
 
 
 
<div class="outer"> 
 
<img src="images/950_headings_left_newsletter.jpg" width="220"/>Download our Newsletter:</p>
 
<a href="images/docs/Newsletter_Current_Issue.pdf" target="_blank">Click here to download pdf</a><br />
 
<a href="images/docs/Newsletter_Current_Issue.doc" target="_blank">Click here to download MS Word</a>
 
</div>     
 
 
 
 
 
 
 
<div class="outer">         
 
<form name="CFForm_2" id="CFForm_2" action="sendpage.cfm" method="post" onsubmit="return _CF_checkCFForm_2(this)"> 
 
<input type="hidden" value="http://buffalolacrosse.com/calendar.cfm" name="urltosend">
 
<input type="image" src="images/950_headings_left_friend.jpg" width="220" name="submit" value="submit">
 
</form>
 
 
</div>
 
 
 
<div class="outer">
 
<img src="images/950_headings_left_mailing.jpg" width="220"  height="28" />
 
  Enter your email address here to sign up for periodic updates</p><form name="CFForm_3" id="CFForm_3" action="mailingjoin.cfm" method="post" onsubmit="return _CF_checkCFForm_3(this)"><input name="mailingemail" id="mailingemail"  type="text" size="14"  class="sminput"  />
 
<input type="image" src="images/list_join2.jpg" name="submit" value="submit" />
 
</form>
 
 
</div>
 
 
 
<div class="outer">
 
<img src="images/950_headings_left_photos.jpg" width="220"  /><a href="photos.cfm"></a>
 
View  photos from our lacrosse events<br />
 
<br />
 
 
 
<a href="album.cfm?anum=54&page=1">BLA Tryouts 2012-01-07 and 08</a> | <a href="photos.cfm">More</a><br>
 
 
 
</div>
 
 
 
<div class="outer">
 
<a href="http://www.lakeerieshowcase.com" target="_blank"><img src="images/promo_lakeerie_small_240.jpg" border="0" width="220" /></a>
 
</div>
 
 
 
<div class="outer">
 
<a href="http://www.bluebisonsports.com/category_s/35.htm" target="_blank"><img src="images/950_headings_left_shop.jpg" width="220" border="0" /></a>
 
</div>
 
			</div>  
 
            <div id="push"></div>
 
		</div>
 
 
 
	<div class="footersponsors">
 
<p class="titlep">Our Sponsors</p>
 
 
 
    <ul><li><a href="http://www.hickorylax.com" target="_blank"><img src="images/portal/ads/hickory.gif" border="0" /></a></li><li><a href="http://buffalolacrosse.com/lancaster_medical.cfm" target="_blank"><img src="images/portal/ads/lancaster.gif" border="0" /></a></li><li><a href="http://kneecenterofwny.com/Welcome.html" target="_blank"><img src="images/portal/ads/knee.gif" border="0" /></a></li></ul>
 
</div>
 
 
 
<div class="footersponsors">
 
<p class="titlep">Our Partners</p>
 
 
 
    <ul><li><a href="http://www.nickelcitysports.com" target="_blank"><img src="images/portal/ads/nickelcity.gif" border="0" /></a></li><li><a href="http://myplayerssports.com" target="_blank"><img src="images/portal/ads/playerssports.gif" border="0" /></a></li><li><a href="http://bluebisonsports.com" target="_blank"><img src="images/portal/ads/bluebison.gif" border="0" /></a></li><li><a href="http://www.brine.com/" target="_blank"><img src="images/portal/ads/brine.gif" border="0" /></a></li><li><a href="http://lacrosserecruits.com/jakereedbluechipsubmissions.php" target="_blank"><img src="images/portal/ads/bluechip.jpg" border="0" /></a></li><li><a href="http://www.ailacrosse.net/" target="_blank"><img src="images/portal/ads/AILA-Logo.jpg" border="0" /></a></li></ul>
 
</div>
 
 
 
<div id="footerarea">
 
        <a href="contactus.cfm">Contact Us</a> | <a href="support_sponsorship.cfm">Support and Sponsorship</a> | <a href="ourstory.cfm">Our Story</a> | <a href="privacy.cfm">Privacy Policy </a><br />
 
        &copy; 2005-2012 Buffalo Lacrosse Academy.  All Rights Reserved.
 
</div>
 
</div>
 
 
 
</body>
 
</html>

Top
Tags:
Wed, 2012-01-25 00:09
#1
eduski
Offline
Last seen: 1 year 16 weeks ago
newbie
Cleveland, OH
Timezone: GMT-5
Joined: 2012-01-14
Posts: 5
Points: 8

the live site can be found

the live site can be found here

Top
  • Locked