CSS issues

Can't get rid of extra white space

Page 1 of 1

4 Replies - 815 Views - Last Post: 09 October 2007 - 07:45 AM

#1 supersssweety  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 373
  • Joined: 16-March 07

CSS issues

Posted 08 October 2007 - 08:31 AM

http://www.webtestinglab.com/semantra/

in IE6 there is all this extra white space at the bottom, and nothing is pushing it down, I don't get it, looks fine in FF any suggestions?
Is This A Good Question/Topic? 0
  • +

Replies To: CSS issues

#2 supersssweety  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 373
  • Joined: 16-March 07

Re: CSS issues

Posted 08 October 2007 - 10:33 AM

i fixed it, i had padding in a werid place, but now I have yet another problem:

http://www.webtestin...tra/company.php

There is 100px difference between firefox and IE6, surprisingly enough, ie6 is doing it right and FF has it wrong. It's exactly 200px from the header which containg the global nav/searchbar/logo...here is the CSS

/************Secondary Page Layout************/
#secondary-wrapper{
	background-color:#fff;
	background-image:url(images/semantra-secondary-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#e6e7e9;
	border:1px solid #717073;
	width:1023px;
	margin:0 auto;	
}
#secondary-main-content{
	width:820px;
	margin:200px 0px 9px 65px;
  }
	#secondary-menu{
	  width:135px;
	  float:left;
	  border-right:1px solid #C2C2C5;
	  font-size:11px;
	}
	#secondary-menu ul{
	  margin:24px 0px;
	  padding:0px;
	  list-style-type:none;
	}
	#secondary-menu ul li{
	}
	#secondary-menu ul li a{
	  display:block;
	  width:75px;
	  height:auto;
	  padding:12px 0px;
	  color: #717073;
	  text-decoration:none;
	  text-align:right;
	}
	#secondary-menu ul li a:link, #secondary-menu ul li a:visited{
	  color: #717073;
	}
	#secondary-menu ul li a:hover, #secondary-menu ul li a:active{
	  color: #58A618;
	}
	#secondary-content{
	  width:500px;
	  margin:0px 65px 0px 60px;
	  float:right;
	}
	#secondary-content h1{
	  font-size:16px;
	  font-weight:normal;
	  color:#58A618;
	  margin-top: 0px;
	}
	#secondary-content p{
	  font-size:11px;
	  color:#717073;
	}
	#secondary-content a{
	  color:#717073;
	}
	#secondary-footer{
	  clear:both;
	  padding:0;
	  margin:0;
	  background-image:url(images/semantra-secondary-foot.jpg);
	  background-position:bottom;
	  background-repeat:no-repeat;
	  background-color:#e6e7e9;
	}
 /*i did this to go inside the main-content and the other goes on the outside*/
  #secondary-clear-footer{
	clear:both;
  }


Here is the html

<div id="secondary-wrapper">
  <?php include("inc-header.php") ?>
  <div id="secondary-main-content">
	<div id="secondary-menu">
	  <ul>
		<li><a href="#" style="color:#58A618;">Overview</a></li>
		<li><a href="#">Fact Sheet</a></li>
		<li><a href="#">Leadership</a></li>
		<li><a href="#">Careers</a></li>
	  </ul>
	</div>
  <div id="secondary-content">
	<h1>Overview</h1>
	<p>Semantra™ was founded in 2003 by Marvin Elder, a database technologist and Natural Language pioneer. Elder invented the first PC-based database application with built-in natural language in the 1980s (Salvo) which was featured as one of the Best Database Products of the Year by PC Magazine. </p>
	
	<p>Early years of research and development set the stage for commercial development in 2006 as Semantra began working with Fortune 1000 companies in a variety of industries. After receiving a <a href="#">second round of funding in 2007</a>, Semantra has continued to support its growth plans by building out its <a href="#">executive management team</a></p>
	
	<p>The company is headquartered in Dallas, Texas with growth plans for other major cities within the U.S. and expansion internationally based on market requirements.</p>
	
	<p>Semantra’s business model includes opportunities for sales and service partners, as well as tier-1 software publishers. For more about these opportunities, visit our <a href="#" target="_blank">partners page</a> or <a href="#" target="_blank">contact us directly</a>.</p>
  </div>
  <div id="secondary-clear-footer">
	&nbsp;
  </div>
  </div>
  <div id="secondary-footer">
	  &nbsp;<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  </div> 
  
</div>


Was This Post Helpful? 0
  • +
  • -

#3 supersssweety  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 373
  • Joined: 16-March 07

Re: CSS issues

Posted 08 October 2007 - 11:04 AM

its not a IE6 issue, cause it looks the same in 6 and 7...*explicit cuss word here*
Was This Post Helpful? 0
  • +
  • -

#4 supersssweety  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 373
  • Joined: 16-March 07

Re: CSS issues

Posted 08 October 2007 - 11:24 AM

so the global nav in the header was floating right...it needed to be cleared for picky ass firefox...all is well now
Was This Post Helpful? 0
  • +
  • -

#5 Thorian  Icon User is offline

  • Pirate Medic
  • member icon

Reputation: 22
  • View blog
  • Posts: 5,904
  • Joined: 06-June 02

Re: CSS issues

Posted 09 October 2007 - 07:45 AM

Yeah I was reading about half way down pulled the site up in both FF on the right monitor and IE on the left and was like ...umm... they look... the same... to me
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1