Snitz Forums 2000
Snitz Forums 2000
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 Community Forums
 Community Discussions (All other subjects)
 Help with FF vs IE bug
 New Topic  Topic Locked
 Printer Friendly
Author Previous Topic Topic Next Topic  

StephenD
Senior Member

Australia
1044 Posts

Posted - 27 January 2006 :  03:51:54  Show Profile  Send StephenD a Yahoo! Message
I'm building a new site at the moment and have run into a bug where the page translates fine in IE but looks all screwed up in FF.

Here is an example:

http://ehci.stephendoyle.net/scripts/prodList.asp?idcategory=4

The top html part of the page with the image and text is stored in the db using Innova WYSIWYG editor. The text is styled using this css:
.cart {
background-position: 0px -20px;
color: #111111; 
font-family: Tahoma, Arial, Helvetica, "Sans Serif"; 
font-size: 11px;
text-align:left;
font-weight: normal;
}


I'm still finding my way around css so I'm totally unsure as to what is going wrong. Does anyone have any suggestions?

laser
Advanced Member

Australia
3859 Posts

Posted - 27 January 2006 :  06:13:51  Show Profile
quote:
looks all screwed up in FF.
Looks fine using FF1.5 here.
Go to Top of Page

HuwR
Forum Admin

United Kingdom
20600 Posts

Posted - 27 January 2006 :  06:23:54  Show Profile  Visit HuwR's Homepage
looks fine to me too
Go to Top of Page

Davio
Development Team Member

Jamaica
12217 Posts

Posted - 27 January 2006 :  08:01:24  Show Profile
It looks messed up to me. What are you guys talking about? Here is a snap shot of the site in Firefox 1.5.

Looking at the html output, seems you have the html <SPAN class=cart> assigned to a paragraph more than once, causing the same style to be applied over and over.

quote:
<P><SPAN class=cart><SPAN class=cart><SPAN class=cart>The highly effective odour control provided through Ark Wash is a direct result of research and development conducted over two years in intensive animal holding areas. ehci’s research efforts in formulating Ark Wash have produced a safe, natural solution for daily cleaning routines.</SPAN>
That could be it.

Support Snitz Forums
Go to Top of Page

StephenD
Senior Member

Australia
1044 Posts

Posted - 27 January 2006 :  08:31:40  Show Profile  Send StephenD a Yahoo! Message
Looks like my editor added in some extra tags. I've taken them out - Innova allows you to edit html source too but the error is still there albeit .. neater .. if that makes sense.

http://ehci.stephendoyle.net/scripts/prodList.asp?idcategory=4

Go to Top of Page

HuwR
Forum Admin

United Kingdom
20600 Posts

Posted - 27 January 2006 :  09:45:55  Show Profile  Visit HuwR's Homepage
didn't look at it in IE first

StephenD, the problem is you are mixing Tables and DIV's FF does not like you doing that, so try removing all the DIV tags from your code
Go to Top of Page

StephenD
Senior Member

Australia
1044 Posts

Posted - 27 January 2006 :  11:01:15  Show Profile  Send StephenD a Yahoo! Message
Ok, I removed all the div tags but the text still overlaps. Bottom image boxes are fine now though. Something in the cart css is missing for FF I think.
Go to Top of Page

HuwR
Forum Admin

United Kingdom
20600 Posts

Posted - 27 January 2006 :  11:41:22  Show Profile  Visit HuwR's Homepage
ok, the problem now is because you have a table and paragraphs in the same TD tag,
try changing your code section below
			<table width="100%" border="0" cellspacing="0" cellpadding="2">
				<tr><td><TABLE style="WIDTH: 100%; BORDER-COLLAPSE: collapse">
<TBODY>
<TR>
<TD width=180><IMG style="MARGIN: 10px" height=188 alt=Arkwash src="../prodimages/arkwash.jpg" width=200 align=top border=0></TD>
<TD><SPAN class=heading>Ark Wash – Natural Cleaning, Deodorising and Degradation</SPAN> 
<P class=cart>Ark Wash is an Australian developed pro-microbial formulation for the cleaning and deodorising of animal holding areas. Ark Wash is an environmental alternative to traditional harsh chemical cleaners. It contains a synergistic blend of naturally occurring microbes suspended in a high performance cleaner made from plant extracts. The combination provides a powerful cleaning formulation to loosen and dissolve the dirt along with the added benefit of the microbes breaking down this waste into harmless water and carbon dioxide.</P></TD></TR></TBODY></TABLE>
<P class=cart>As you have come to expect from ehci, all of the raw materials in Ark Wash are from renewable and sustainable resources and will biodegrade very quickly.</P>
<P class=cart>The microbial component provides excellent breakdown of faecal matter and urine as well as other organic material. This is particularly important where waste is collected into holding tanks, pits or effluent ponds. In these cases the cleaning product accompanies the waste into the holding area. Whilst traditional cleaners kill off the natural microbial action, evident by the production of odour, Ark Wash seeds the holding area with high performance, pure strain microbes that accelerate the waste degradation process.</P>
<P class=cart>The highly effective odour control provided through Ark Wash is a direct result of research and development conducted over two years in intensive animal holding areas. ehci’s research efforts in formulating Ark Wash have produced a safe, natural solution for daily cleaning routines.</P>

<P class=cart>Ark Wash’s unique synergistic surfactant/microbial blend offers exceptional market appeal and performance packed into one formulation.</P></td></tr>
			</table>

to this one .....

<table width="100%" border="0" cellspacing="0" cellpadding="2">
	<tr><td valign=top>
		<IMG style="MARGIN: 10px" height=188 alt=Arkwash src="../prodimages/arkwash.jpg" width=200 align=left border=0 vspace=0>
		<P class=heading>Ark Wash – Natural Cleaning, Deodorising and Degradation</p> 
		<P class=cart>Ark Wash is an Australian developed pro-microbial formulation for the cleaning and deodorising of animal holding areas. Ark Wash is an environmental alternative to traditional harsh chemical cleaners. It contains a synergistic blend of naturally occurring microbes suspended in a high performance cleaner made from plant extracts. The combination provides a powerful cleaning formulation to loosen and dissolve the dirt along with the added benefit of the microbes breaking down this waste into harmless water and carbon dioxide.</P>
		<P class=cart>As you have come to expect from ehci, all of the raw materials in Ark Wash are from renewable and sustainable resources and will biodegrade very quickly.</P>
		<P class=cart>The microbial component provides excellent breakdown of faecal matter and urine as well as other organic material. This is particularly important where waste is collected into holding tanks, pits or effluent ponds. In these cases the cleaning product accompanies the waste into the holding area. Whilst traditional cleaners kill off the natural microbial action, evident by the production of odour, Ark Wash seeds the holding area with high performance, pure strain microbes that accelerate the waste degradation process.</P>
		<P class=cart>The highly effective odour control provided through Ark Wash is a direct result of research and development conducted over two years in intensive animal holding areas. ehci’s research efforts in formulating Ark Wash have produced a safe, natural solution for daily cleaning routines.</P>
		<P class=cart>Ark Wash’s unique synergistic surfactant/microbial blend offers exceptional market appeal and performance packed into one formulation.</P>
	</td></tr>
Go to Top of Page

StephenD
Senior Member

Australia
1044 Posts

Posted - 27 January 2006 :  17:24:02  Show Profile  Send StephenD a Yahoo! Message
Thanks Huwr, done some more playing around with it and if I use this code:
<table cellspacing="0" cellpadding="2" width="100%" border="0">
   <tbody>
     <tr>
       <td valign="top">
        <img style="MARGIN: 10px" height="188" alt="Arkwash" src="../prodimages/arkwash.jpg" width="200" align="left" border="0" /> 
         <p class="heading">Ark Wash – Natural Cleaning, Deodorising and Degradation</p>
         <p class="cart">Ark Wash is an Australian developed pro-microbial formulation for the cleaning and deodorising of animal holding areas. Ark Wash is an environmental alternative to traditional harsh chemical cleaners. It contains a synergistic blend of naturally occurring microbes suspended in a high performance cleaner made from plant extracts. The combination provides a powerful cleaning formulation to loosen and dissolve the dirt along with the added benefit of the microbes breaking down this waste into harmless water and carbon dioxide.</p></td>
    </tr>
  </tbody>
</table>
<table cellspacing="0" cellpadding="2" width="100%" border="0">
   <tbody>
     <tr>
       <td class="cart"><br />
        As you have come to expect from ehci, all of the raw materials in Ark Wash are from renewable and sustainable resources and will biodegrade very quickly.<br />
        <br />
        The microbial component provides excellent breakdown of faecal matter and urine as well as other organic material. This is particularly important where waste is collected into holding tanks, pits or effluent ponds. In these cases the cleaning product accompanies the waste into the holding area. Whilst traditional cleaners kill off the natural microbial action, evident by the production of odour, Ark Wash seeds the holding area with high performance, pure strain microbes that accelerate the waste degradation process.<br />
        <br />
        The highly effective odour control provided through Ark Wash is a direct result of research and development conducted over two years in intensive animal holding areas. ehci’s research efforts in formulating Ark Wash have produced a safe, natural solution for daily cleaning routines.<br />
        <br />
        Ark Wash’s unique synergistic surfactant/microbial blend offers exceptional market appeal and performance packed into one formulation. </td>
    </tr>
  </tbody>
</table>

It all works fine. Thanks for all your help guys.
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Topic Locked
 Printer Friendly
Jump To:
Snitz Forums 2000 © 2000-2021 Snitz™ Communications Go To Top Of Page
This page was generated in 0.33 seconds. Powered By: Snitz Forums 2000 Version 3.4.07