Firefox 4.0.1 Layout Problem

[johngwms]

Has anyone out there noticed their product page layout go crazy with Firefox 4.0.1?

For example: http://www.thedebugstore.com/acatalo...t-Kit-I2C.html

The page displays just fine in Internet Explorer but the body of the product description just shifts over to the right in FF.

It is quite possible that I have changed something to cause this problem but I thought I would ask before delving deeper.

Thanks guys

[leehack]

You'll almost certainly find that you have a coding inconsistency, rather than a Firefox specific problem. IE will correct that for you with how it renders, but FF cannot, for instance you might find that IE9 also screws up or other versions of IE. These thing are usually caused by either an inconsistency on sizing (i don't think this will be your issue) or by a tag that has been opened and either not closed correctly or not closed at all.

I'd recommend using the firebug tool to check for tags opened and closed correctly and more importantly in the right places, it's a 99% probability that is the issue.

[malbro]

Has anyone out there noticed their product page layout go crazy with Firefox 4.0.1?

For example: http://www.thedebugstore.com/acatalo...t-Kit-I2C.html

The page displays just fine in Internet Explorer but the body of the product description just shifts over to the right in FF.

It is quite possible that I have changed something to cause this problem but I thought I would ask before delving deeper.

Thanks guys

There is a <div> tag with id of 'FeefoFeedback_TP120112' which is causing the problem. Have you made any changes to the code for this?

[johngwms]

I will take a look - thank you!

Yes, I have moved the Feefo icon recently. I must have broken something when I did it.

The strange thing is that it displays just fine in Firefox in the preview screen of Actinic.

John

[johngwms]

I have removed the Feefo changes and I still get the problem.

What seems strange is that when I preview a page in Firefox within Actinic, the page looks OK. Yet when the page is uploaded to the server it then does not look OK in Firefox.

Do you think that the server image could be corrupted in some way? Maybe I should refresh the site?

[leehack]

How are you previewing within actinic using Firefox, that's something i've failed to manage in 5 years. Sure it's not IE? Actinic uses the IE rendering engine.

[johngwms]

I use Web|Preview Current Page and the page is opened in Firefox (my Windows XP Professional default browser).

It is definitely not IE - I wish it were - it would make more sense!

[leehack]

Ah you're talking about web preview, not the preview within actinic itself, why do you need to do web preview, if you use the preview screen (within actinic) you will get an IE render?

[johngwms]

I should have been more precise about my description.

I was not aware until you mentioned it that Actinic gives an IE(v?) render. That is handy to know.

I like to use the Web Preview to check all is well before I upload changes to a page. On this occasion it didn't really help me. However it seems to have highlighted a problem that now needs solving.

[Steve G Griggs]

Hi John
Yes Actinic does give an IE preview, and I found out (by accident) that the version it uses for rendering the preview is the current version you have installed- so for vista/win7 you can have an IE9 preview.
There is a quirk for IE9 preview in that you need to add a line of code to make the previews render IE9's CSS3 that it supports (I can't remember the code at present).

[skinnybloke]

I thought Actinic still previewed in IE7. I have IE9 installed yet my Actinic still show the IE7 inconsistences.

[DannyBoy]

I think the problem is that the feefo function javascript adds a new html document structure to the page inside that div, and therefore adds another body tag inside that div and according to the actinic css stylesheet the body tag has a width declaration of 1024px? That is the problem...

[DannyBoy]

You can always just copy and paste the local address into IE to get a preview in that too alongside firefox...

[Duncan Rounding]

Be nice to have a choice of being able to externally preview in the browsers of your choice externally rather than having to and paste - like in Dreamweaver.

Although Actinic (in theory) previews in the installed default IE version it still does not preview the same as externally in IE in many cases. I always view externally to make sure.

[johngwms]

I think the problem is that the feefo function javascript adds a new html document structure to the page inside that div, and therefore adds another body tag inside that div and according to the actinic css stylesheet the body tag has a width declaration of 1024px? That is the problem...

Thanks Danny. You are right.

The Feefo Review display does push the rest of the layout over whether or not there is any product review information to display.

Removing the Feefo Review information has corrected the problem.

John