Both Firefox & IE show preveiws of documents incorrectly

[lyndonaus]

I have Just up-dated to Webuilder V. 10.1 in the hope that my problem may have been rectified, but alas no.
When I change code and refresh the preveiw window within the program, it does not reflect the change but when I preveiw the file in either of the browsers, it is correct ..
Now that I am more compentent and aware of this behaviour, it is not a big problem but mostly annoying but to someone starting out it could caused a lot of wasted time.
Has anyone else experienced this problem?
I thought it might have been just my computer (Vista Home Premium) so I tried it on my old computer (Xp Pro Spk3) and the same thing happened.
To explain better I was going to include 2 print screens which show exactly what I mean but I do not know how to add images to the message and I can't find any help file to explain how it is done, I am a bit new at this stuff....Help!

[kfury77]

Hi. Can you please better explain about what isn't displaying correctly. Are you saying that it displays the page in the preview differently to how it would in the standalone browser?
You can upload an image to the web and post the URL on this board so we can help identify the issue you are facing.

[Gatis]

The only case when you would not see the change, is if built-in Firefox preview does not comply with the stand-alone browser.
However, built-in preview for IE must comply to the stand-alone browser.

To get the best preview for Firefox, you must use external preview in the actual web browser. Internal preview is delivered not by FireFox itself but by FireFox ActiveX control which even if you have installed the latest version of FireFox activex control (remember we are not talking about FireFox itself which has nothing to do with internal preview) might render pages a bit different.

Mozilla ActiveX Control is a third-party software component developed and maintained by open source community and Mozilla Corporation. Since it is not a product of Blumentals Software, we can not change how it works. We simply plug it in our software to let you use it from within our code editor.

With the release of latest version of FF ActiveX control, situation got much better but still there may be differences. I am not sure which version you have installed, though.

Some more info is revealed here:
http://kb.blumentals.net/kb/index.php?V ... ntryID=122

[lyndonaus]

Thank you for your replies and I apologise for my delay in answering.

I have up-loaded 4 images to show what is happening with Firefox v3.5.7 and IE v8 in preview mode of Webuilder v10.1 at the following url:
http://picasaweb.google.com.au/lyndonaus/Pictures#
2 pictures show preview mode in the program and the other 2 show the respective previews in the browser windows.

Firefox is up to date within the program and that has not made any difference at all

Even so, that does not explain what is happening in IE where the text is oversize, at least IE does show the link at the far right unlike FF

I would re-install WB except it was happening in the previous version as well (on my computer), as I said in my first post I am working around this but it could be a pain in the neck for newer users.
Incidentally, I have been using WeBuilder since 2006/7 and I am very happy with its overall performance and have recommended it to a number of people.

[Karlis]

First, this is not a bug of WeBuilder, WeBuilder does not render any HTML whatsoever, it simply uses the available means to embed web browsing area and use it for preview. With FF the actual FF browser can not be used so we use Mozilla ActiveX control which is known to differ from the latest FF. But there are different versions of this control, the most recent version should be almost as good as FF 3.0

As for the IE, it often renders page according to doctype declaration. Browser may assume different declaration than embedded control. You should specify doc-type declaration and make sure the IE8 is running in the standards compliant mode. You can try using this meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

to force IE8 always use the latest rendering or

<meta http-equiv="X-UA-Compatible" content="IE=7" />

to force it to always use old rendering.

[zippity]

I have the same problem.. and it is making it difficult to continue using this application (which I have used for years and love)

If I am creating a page and wish to use the convenience of the split page feature to check the page view, then it shows a distorted page compared to the actual FF and IE browser, it is of no use at all..

It will be a great pity to have to find another editor after all these years so I hope you can provide a better workaround than proposed here..

[zippity]

I have checked htmlkit and the preview works perfectly there.. looks as it does in the actual browser.. is there any way feature this will be adopted for webuilder soon ?

[Karlis]

Unfortunately I can not reproduce the problem with any of my web files (Vista + IE8).

Did you try the <meta http-equiv="X-UA-Compatible" content="IE=8" /> tag?