Live Preview Shows design then changes to displaying DIV regions

Forum|Forum|7 years ago
September 14, 2018
2 replies
1694 views

Help please.

I have a layout that uses a HTML5 bootstrap theme. On my old workstation dreamweaver shows everything fine, however, my new Mac with dreamweaver shows the layout when I refresh the view with F5, then changes to showing dotted lines and div shapes.

What is going on? Why does it not do that on my old Mac running exactly the same version of dreamweaver CC?

Please see screen shots attached.

Thanks

This topic has been closed for replies.

Correct answer deanp78121107

Hi

Well, I've discovered the culprit... it is Dreamweaver CC 2018. Everything views absolutely fine in Dreamweaver CC 2017.

This is an issue that I find hard to believe has not been experienced by other users. I wish I could explain the issue better but Dreamweaver CC 2018 most definitely has an issue with Live View and HTML templates built with Bootstrap.

I shall just continue working in Dreamweaver CC 2017.

anissa_thompson

Community Expert

Have you tried checking your paths? I noticed that your screenshot shows that your Files Panel is not set to your current file's project (1); this means that Dreamweaver may not be tracking the paths to your style sheets and assets properly if you don't have absolute paths in place (2):

See what happens if you select your site definition from the Files Panel's project drop down list...

Hope this helps! Make sure to press "✔ Correct Answer" on this post if this answers your question. Happy Creating!Anissa • @anissat

deanp78121107Author

Inspiring

Hi,

first I'd like to say thanks for giving this some time.

Unfortunately, setting the site up in dreamweaver does not resolve the issue. I don't believe that is what is causing the problem as the html and all assets are stored in the same directory so the route is as shown. Basically, the folder is on my iCloud drive as I work on this during my lunch break at work and at home. When I view it in dreamweaver at work it loads perfectly. It only does this when I view in dreamweaver at home.

Now, when I view any of the pages in a web browser the files load perfect.

My understanding from a post I put up on virgin media, my ISP, I believed the problem may have been caused by new hub, but I've been informed that Live Preview in Dreamweaver requires a network connection to work and loads via 127.0.0.1. So maybe the problem is a network issue.

Additionally, I've discovered that the view in browser (opt F12) doesn't work properly either, it loses assets that are not locally. The page loads on 127.0.0.1 in the address bar and I'm told this is a local IP loop back. I don't know what any of that means.

I've updated my DNS in my network settings to include 8.8.8.8 and 1.1.1.1 and still the preview does not work in Dreamweaver....well its does for 3 seconds, then switches to the screenshot I showed.

I have no idea what is happening, but believe the issue is network related rather than Dreamweaver, so maybe I'm asking in the wrong place. The problem is I don't know where to ask for help regarding Dreamweaver and Networking?

Any help greatly appreciated.

Preran

Community Manager

What happens when you preview your design in the browser? Does it appear as intended?

deanp78121107Author

Inspiring

The entire content build is in my iCloud drive folder. I have copied all the files to a folder on my desktop to ensure it wasn't a problem with being on my iCloud Drive folder but the problem persists.

When I open the html file in any browser everything loads fine.

When I open the html file on my Mac at work the Live Preview in Dreamweaver loads everything perfect.

I have uninstalled Dreamweaver and re-installed it and nothing resolves the problem.

Please see the screen shot attached. It shows the live preview with all dashed lines not showing the content properly. It shows browser window (top one) that has the html file directly opened and views perfect. And it shows another browser window (bottom one) that has opened the content via OptF12, this displays the loaded page but is missing some linked symbols (down arrows and Facebook f symbol) that I know are linking to an online location.

Why would the page not load properly on 127.0.0.1 when its a loop back?

I think the issue maybe a network issue, but I don't know how to resolve this.