No replies
homchz
Offline
Enthusiast
Last seen: 13 years 26 weeks ago
Joined: 2004-07-23
Posts: 77
Points: 0

I floated two columns left and found the "clear" funtion from another post here, and it works great, but FF (and I will assume Netscape) do not see it 100%.

Here is the CSS:

body{
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

div{
    text-align:left;
}

#centered{
	background-image:url(../Images/style_images/header_bground.gif);
    width:755px;
    margin-left:auto;
    margin-right:auto;
}

form{
	border:0px solid #000;
	display:inline;
	margin:0px;
	padding:0px;
}
img{
	border:0px solid #000;
	vertical-align:middle
}
a:link,
a:visited,
a:active,
a:hover{
	background-color:transparent;
	color:#000000;
	text-decoration:underline;
}

table,tr,td{
	background-color:#E6E6E6;
	color:#000000;
	font-size:12px;
	text-align:inherit;
}

#nav{
	background-color:transparent;
	height:100%;
	float:left;
	width:175px;
}

#content{
	background-color:transparent;
	float:left;
	height:100%;
	width:540px;
}

.clear {
	clear:left;
	content: "";
}

Here si the 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=iso-8859-1" />
<title>Yankee Equipment Systems, Inc.</title>
<link href="Styles/Yankee1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="centered">
		<div id="headerlogo">
			<img src="Images/style_images/yesheaderlogo.jpg" />
		</div>
  <div id="nav">
			<div class="navheader">
				<div class="textcenterbold">New Investor Information</div>
			</div>
			<div class="navbox">
				<div class="navboxtexth1">
					<a href="YankeeInfo.php">Company Info</a><br />
					<a href="Invest.php">Investment Seminars</a><br />
					<a href="STPD.php">St. Particks Day Trade Show</a>
				</div>
			</div>
			<div class="navheader">
				<div class="textcenterbold">Equipment Navigation</div>
			</div>
			<div class="navbox">
				<div class="navboxtexth1">Laundromat Equipment</div>
				<div class="navboxtexth2">
					<a href="SpeedQueen.php">Speed Queen</a><br />
					<a href="Huebsch.php">Huebsch</a><br />
					<a href="Milnor.php">Pellerin Milnor</a><br />
				</div>
				<div class="navboxtexth1">OPL/Commercial Equipment</div>
				<div class="navboxtexth2">
					<a href="MilnorCom.php">Pellerin Milnor</a><br />
					<a href="Chicago.php">Chicago Dryer Co.</a><br />
					<a href="SpeedQueenCom.php">Speed Queen</a><br />
					<a href="HuebschCom.php">Huebsch</a>
				</div>
				<div class="navboxtexth1">
					<a href="MiscEquip.php">Misc. Equipment</a>
				</div>
			</div>
			<div class="navheader">
				<div class="textcenterbold">Deptartment Navigation</div>
			</div>
	<div class="navbox">
				<div class="navboxtexth1">
					<a href="Sales.php">Sales Department</a><br />
					<a href="Service.php">Service Department</a><br />
					<a href="Parts.php">Parts Department</a><br />
					<a href="Contact.php">Company Directory</a>
				</div>
			</div>
		</div>
		<div id="content">
		<br />	  
		<br />	  
		<div class="imageholder">
	  		<div class="image1"><img src="Images/Index/IndexLogos/ACL.jpg" /></div>
	  		<div class="image2"><img src="Images/Index/IndexLogos/Booth.jpg" /></div>
		</div>	  
	  	<div class="newsboxtop">
	  		<div class="newsboxtoptext">Announcements:</div>
	    </div>	 
	  		<div class="newsbox">
	      		<div class="text">&bull; &nbsp;Yankee Equipment Systems Inc. named Distributor of the Year for by Alliance Laundry Systems.<br />
								  &bull; &nbsp;Service Seminars in Wakefield, MA and North Haven, CT register your space today.<br />
								  &bull; &nbsp;Planning for Investment Seminars has begun. Check Back for more information<br />
								  &bull; &nbsp;<a href="http://www.milnor.com/safety/default.asp">Pellerin Milnor Issues a Saftey Notice for Pre 1976 Small Capacity  Washer Extractors</a></div>
	   		</div>
				<br />		
	   		<div class="newsboxtop">
				<div class="newsboxtoptext">Specials:</div>
			</div>		
			<div class="newsbox">
				<div class="text">&bull; &nbsp;Service Coupons Available, $700 worth of service for $550<br />
								  &bull; &nbsp;Over Stock Speed Queen EX Motors on Sale<br />
			</div>
		</div>	
	</div>
	<div class="clear"></div>
	<div id="footer1">
		<div class="footer1text"><strong>YANKEE EQUIPMENT SYSTEMS, INC.</strong> is a team of experienced industry professionals. We were founded in 1988 on the belief that our customer's success provdies the foundation of our success. With our 300 years of combined experience, we are able to discover opportunities that produce results which will benefit you.
                Teaming with the customer-focused professionals of Yankee Equipment Systems, Inc., successfull entrepreneurs, and laundry experts like yourselves ahve increased their volume and profitability. The spectrum of choices available to you through our many manufacturers afford you the unparralleled opportunity to operate more efficiently with still satisfying your customers' as well as your own needs in a competitive market place.</div>
	</div>
	<div id="footer2">
		<div class="footer2text">Copyright &copy; 2004 <a href="http://www.yankeeequipement.com">Yankee Equipment Systems, Inc</a>. All Rights Reserved<br />
		  Site Built and Maintained by <a href="mailto:[email protected]">Joshua Jones</a></div>
	</div>
</div>
</body>
</html>

and attached is how FF displays it

and I using the clear properly?