3 replies [Last post]
skurt
Offline
newbie
Last seen: 18 years 6 days ago
Joined: 2004-08-15
Posts: 3
Points: 0

Hi,

My website looks just fine in IE 6 but looks odd in Mozilla. Check it out at http://life.swosu.edu and compare it in IE 6 and Mozilla Firefox or Netscape Navigator.

The site is supposed to look what it looks like in IE, having the white background throughout the content. In Mozilla browsers, the white background doesn't even show up in the content section.

Notice the thin black borders (left and right) in the content section in IE. There's none in Mozilla browsers.

What's wrong with the design (or CSS)? Am I overlapping classes in the page? Help please!

homchz
Offline
Enthusiast
Last seen: 15 years 32 weeks ago
Joined: 2004-07-23
Posts: 77
Points: 0

IE okay, Mozilla not! CSS problem or browser? Help!

I had a similar issuse and found I was using the clear funtion all wrong.

Not sure if it is the right way no but it solved my problem.

I was only using a two column set up but I used a left clear and applied it to the entire page. That made everthing align perfectly in all browsers (I sill have a issue with Opera but I am not sure it is becasue of this as opera will not display my page at all).

Josh

skurt
Offline
newbie
Last seen: 18 years 6 days ago
Joined: 2004-08-15
Posts: 3
Points: 0

IE okay, Mozilla not! CSS problem or browser? Help!

hmm....just exactly what did you do to the clear function?

i tried disabling them but it didnt work.

homchz
Offline
Enthusiast
Last seen: 15 years 32 weeks ago
Joined: 2004-07-23
Posts: 77
Points: 0

IE okay, Mozilla not! CSS problem or browser? Help!

I used

.clear {left};

then applied

here is my code for example (keep in mind I only have a two column display so I am not sure clear left is appropoatein your case)

Quote:

<div id="centered">
<div class="clear">
<div id="headerlogo">
<img src="Images/style_images/yesheaderlogo.jpg" alt="" />
</div>
<div id="header2">
<img src="Images/Headers/ITSSquare.jpg" alt="" width="755" height="60" /> </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">
<div class="imageholder">
Enter Images Here
</div><br />
<div class="newsboxtop">
<div class="newsboxtoptext">Announcements:</div>
</div>
<div class="newsbox">
<div class="text">&bull; &nbsp;Yankee Equipment named Distributor of the Year by Alliance Laundry Systems.<br />
&bull; &nbsp;<a href="ServSem.php">Service Seminars in Wakefield, MA and North Haven, CT register your space today.</a><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><br /><br />
</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><br />
</div>
</div>
</div>
</div>
[/code]