Unable to preview page in browser or live view

have set up a few css div tags for my layout. but when i go
to preview, or with live view, i see the same thing:
content for id "headerLogo" goes here
content for id "header" goes here
content for id "sidebar" goes here
etc...
what's going on? thanks.

> what's going on? thanks.
Uhhh - hard to say without seeing the page.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"karen barry" <[email protected]> wrote in
message
news:gp46tc$16p$[email protected]..
> have set up a few css div tags for my layout. but when i
go to preview, or
> with
> live view, i see the same thing:
> content for id "headerLogo" goes here
> content for id "header" goes here
> content for id "sidebar" goes here
> etc...
> what's going on? thanks.
>

Similar Messages

Unable to Preview Page in Browser on First Try

Hello, when I go to File > Preview Page in Browser (Ctrl + Shift + E) it shows the error message above. But when I try again it works. Sometimes it takes 2-3 tries but eventually it works. Why does it not work the first try? Thanks.
-Kelly

Hi Kelly,
Could you please try some steps given in this thread,
Adobe Muse - Preview Failed
Do let me know if you have any question.

"Preview Page in Browser" stopped working...

Hi guys,
First off, looking forward to seeing what's unveiled at Create Now Live on December, 11th!
Anyway, here's the Muse bug that just cropped up yesterday as I was working on a niche one-pager site: when I tried "Preview Page in Browser," nothing happened.
Usually when I'm working in Muse, I already have Firefox open on my screen, and when I hit "Preview Page in Browser," it'll open a new tab with the preview. This time, nada, no new tab, no preview.
Have no idea if my system settings or anything else has changed since the last time I designed a mini-site in Muse, a few weeks ago, when "Preview in Browser" was working fine. I'm on an (aging) PC laptop, running Windows XP.
Any ideas what's going on? Thanks again!
D

Hello,
Could you please check if the issue is specific to one website on your computer.
You can try creating a new test website and check if you are able to preview it in a browser or not.
If it does not work, please try deleting the AdobeMuse folder from the location :
Windows 7: C:\Users\your_user_name\AppData\Roaming\
Windows XP: C:\Documents and Settings\your_user_name\Application Data
Mac: /Users/your_user_name/Library/Preferences/
After that please relaunch Adobe Muse and check if you get the preview in Browser feature to work or not.
Hope this helps.
Regards,
Sachin

Page looks fine in live view but not fine in safari

my index.html page looks okay in live view, but when i open it in safari some of my text is unformated. My CSS page is correct so the problem lies in my code. I have attached the html file, any help will be appreciated. Thank you!

Thanks for taking the time to reply to question. Aftr taking a break. I came back realized I inserted the stylesheet before I changed site settings. I just needed to remove the forward slash from my stylesheet declaration. FYI for anyone else new to DW: if stuffs not showing in Live View and Browser Preview eg background images, Go to Manage Sites and check your site setting for Links relative to: You may have switched between document and site root. Thus breaking your links to images or in my case the entire style sheet.

Jquery Mobile Website does not preview properly in Dreamweaver's Live View or in my web browser

I'm using Dreamweaver 12.0 Build 5861.
I can't figure out what I'm doing wrong. I go
File / New / Page from Sample / Mobile Starters / JQuery Mobile with theme (local).
I then save my page.
Then when I go to preview my new page in Live View, it shows a page without any styles, etc.
When I upload the page and additional files created by Dreamweaver to my server. I preview it and it will look like the default style JQuery page, but when I click on the button to see the content for that page, there is not a "back" button to come back to my home page.
Also, when I try to implement a JQuery mobile swatch, the Swatch window says "No Theme Applied."
I feel like I'm missing something really simple,,, but what? Is there a setting I need to change or am I missing a step? I have looked at many video tutorials online and I believe I am taking the same steps.

You're missing the viewport meta attribute. Add ths to your <head> section.
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
And add this to Line 13:
<div data-role="page" id="page" data-add-back-btn="true">
Do this for all page IDs.

Unable to preview in external browser

Hi,
When I select preview in external browser I get save dialogue box in browser instead of rendering of page. This happens for every browser and every html file I've tried.
This DW feature works fine on my other 3 machines, (just not the one I wish to do all my work on).
Any ideas much appreciated.
Thanks in advance.
DW 5.5 v11.5 build5344
Mac OS X 10.7.1 'LION'

Let me see if I understand what you are saying:
You have a page open and you press F12 to preview it. You are immediately prompted to save the page? Is that correct?
Is the page marked as 'dirty' when you press F12 (i.e., does it have an asterisk after its name in the tab)? Do you see the same thing if you just open a saved page and F12? Or is this only happening with pages that have been changed but not saved? If so, then you have to understand that DW cannot preview an unsaved page UNLESS you have enabled PREFERENCES > Preview in browser > Preview using temporary file.

Preview Page in Browser

When I preview pages in Chrome, text, including on menus, is not appearing. With the menus if I mouse over them then the text appears. Any solution to this?

Hey Brad, thanks for getting back to me and apologies for the delay in me getting back to you. The issue is occuring when I "Preview Site in Browser" and it happens in Chrome, the primary browser I use. Only happens sometimes. I tried it in IE and there were other issues, though I attribute this to me running IE8 which is rather outdated. Unfortunately I have am only in development and have not published the site which therefore leaves no way for me to send you a link.

On the Comcast email site, on the "Inbox Preview" page, if I click on "View Entire Inbox" or on a particular message, Firefox will just return me to the Inbox P

On the Comcast mail site, I cannot get past the "Inbox Preview" page. If I hit anything, including "View Entire Inbox" or on a particular message, or anything else, I'll just be returned to the "Inbox Preview" page. This only happens on Firefox. When it started happening, I finally gave up and tried Internet Explorer, which works fine. I'd prefer to access email on Firefox, so please tell me how to correct this.
I don't know if this is related, but immediately before this started happening, I may have hit something on my laptop, which caused the Comcast email screen to magnify to the point where I could not view the message window on messages. I couldn't figure out how reverse this, so I did the above (went to IE, which was fine). When I next attempted to access Comcast email from Firefoxe, the site was no longer magnified, but I had the above problem with being unable to get past the Inbox Preview page.

Many site issues can be caused by corrupt cookies or cache. In order to try to fix these problems, the first step is to clear both cookies and the cache.
Note: ''This will temporarily log you out of all sites you're logged in to.''
To clear cache and cookies do the following:
#Go to Firefox > History > Clear recent history or (if no Firefox button is shown) go to Tools > Clear recent history.
#Under "Time range to clear", select "Everything".
#Now, click the arrow next to Details to toggle the Details list active.
#From the details list, check ''Cache'' and ''Cookies'' and uncheck everything else.
#Now click the ''Clear now'' button.
Further information can be found in the [[Clear your cache, history and other personal information in Firefox]] article.
Did this fix your problems? Please report back to us!

Why blank browser or Live View?

I am creating a home page with an interactive object using JQuery and Dreamweaver. I am following a tutorial and I know that the html code is correct. The problem comes when I add a CSS rule. When I add that rule, I cannot see the page displayed in Live View or my FireFox browser. I don't know how to troubleshoot that so I can determin why the browser is blank.
What do I need to do or what do I need to search to find the answer? Based on the steps in the tutorial, I have done everything. What could be missing from the tutorial?
Thanks.

This is the CSS code: I kept running into this issue after I added the .marquee_caption rule.
@charset "utf-8";
/* CSS Document */
.marquee_container {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-left: 0px;
    overflow: hidden;
    position: relative;
.marquee_photos {
    position: absolute;
    left: 0px;
    top: 0px;
.marquee_caption {
    color: #FFF;
    background-image: url(../images/template/marquee_caption-------.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 0px;
    width: 700px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    position: absolute;
    left: 0px;
    top: 340px;
.marquee_caption_content {
    width: 410px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
.marquee_caption h2 {
    font-size: 1.25em;
    font-weight: normal;
    text-transform: uppercase;
    color: #FFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    margin-left: 0px;
.marquee_caption_content p {
    color: #FFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    margin-left: 0px;
.marquee_caption_content a {
    color: #FC0;
.marquee_caption_content a:hover {
    color: #FFF;
.marquee_caption_content .marquee_flag {
    float: left;
    margin-right: 10px;
This is the code for the html file. Everything went well until I added the third css rule for photos shown above:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>marquee</title>
<link href="includes/marquee.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="marquee_container">
        <div class="marquee_photos">
            <img src="images/photos/london.jpg" class="marquee_panel_photo" alt="London" width="700" height="350" />
        </div>
        <div class="marquee_caption">
            <div class="marquee_caption_content">
                <img src="images/template/flag_england.jpg" class="marquee_flag" alt="English Flag" width="20" height="13" />
                <h2>London</h2>
                <p>This is a test caption<br/>This is a test caption!</p>
                <p><a href="#">Check it out!</a></p>
            </div>
        </div>
        <div class="marquee_nav">
            <a class="marquee_nav_item"></a>
            <a class="marquee_nav_item selected"></a>
            <a class="marquee_nav_item"></a>
        </div>
    </div>
    <div class="marquee_panels"></div>
</body>
</html>

Adobe Muse: "Preview page in browser" and "preview site in browser" functions have stopped working.

Working one day then not the next. Firefox just spins. The preview button works, as does the publish function.
2.7Ghz i7 Macbook Pro with Retina Display
Muse 2014.0.1
Something else to add: When Firefox finally timed out it displayed the full url. Copying and pasting that into Safari and everything works. So it seems in someway this is a Firefox issue or a Muse -Firefox connection issue.
So the new question is: how can I change the browser Muse chooses to use when I select these two functions?

HI,
Adobe Muse will use OS default browser for preview the page/site in browser. So you can change the default browser and preview the site again.
Also, try to troubleshoot Firefox, using their official documentation
Firefox can't load websites but other browsers can | Firefox Help
Do let me know if you have any question.

Live View Preview is only available with...

When I select preview 'server' from the Browser Lab panel in Dreamweaver I get this message:
"Live View Preview is only available with BrowserLab Local/Network preview option, please select the Local/Network preview option."

Hi Mattdwm,
Yes this behavior is 100% correct, and what you observed about it only working if you toggle Live View off is what the error message was trying to tell you.
I'll try to explain - in Dreamweaver's Live View mode you can interact with your page "freeze" the javascript in intermediate states. The information about those states is only contained on the local machine. So if you were to perform a server preview from DW while in Live View, the page would only be in the base/default state in the screenshot captured by BrowserLab. So the only way BrowserLab can get the properly get the info about the intermediate state you've navigated to is if you choose the Local/Network preview option.
I suppose we could have implemented things so that it would not show you that message if you haven't done any interactions with your page in Live View, but I think that would actually be more confusing, as it would sometimes work and sometimes not work. And even if we could automatically switch over to Local/Network mode for BrowserLab while you're in DW's Live View mode, we probably wouldn't because we want that to be a choice made explicitly by our users.
Thanks for your interest in BrowserLab, I hope this helps,
Mark

Div shifting down page in live view

I'm trying to create a website for a project I'm doing.I'm having a problem in live view where I the div with the id "imageholder" keeps shifting down the page. It looks fine in the editor but the browser and live view not so much. I want it to line up with the top div, not the bottom one.
Another problem I'm having is that I can't adjust the footers margin very well. it's not taking into account the div's directly above it. I've included a screenshot of the page as it hasn't been uploaded online yet. Thanks
Here is the code:
HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Home</title>
<link href="CSS/Project.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
background-color: #E0EEEE;
</style>
</head>
<body>
<div id="container">
<header>
<h1 id="title">Limerick Running Club</h1>
<h2 class="subhead"><strong>L.R.C</strong></h2>
</header>
<br/>
<nav>
<nav id="nav_centre">
<ul>
<li><a href="#">Home</a></li>
<li></li>
<li><a href="#">History</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Results</a></li>
<li><a href="#">Useful Links</a></li>
<li><a href="#">Contact Us</a></li>
</ul><br/>
</nav>
</nav>
<section>
<h2 >History</h2>
<article></article>
<article class="mainpara">
<p>The limerick running club was founded in 2008. We are a community funded club with the sole aim of helping to make our community fitter and happier. Our main office is based in castletroy and you are welcome to drop in anytime and join up. </p>
<p>Since the LRC was founded we have had a number of members who have shared with us their feeling about joining the club. </p>
<p>You can read more about what their saying below</p>
</article>
<article id="testimonial"><h3>Member Testimonials</h3><h3 class="Name">John Byrne</h3>
<p>Since joining the LRC my health and fitness has improved greatly. I recommended the club to everyone.</p>
<h3 class="Name">Mary Smith</h3>
<p>I'm delighted I joined the LRC. I feel much fitter and healthier since joining and there is a great sense of community surrounding the club.</p>
<h3 class="Name">Tom Ryan</h3>
<p>Really enjoying my runs with the lRC. I'd recommend joining to anyone.</p>
</article>
</section>
<div id="imageholder"><img src="Images/edited.jpg" width="355" height="266" alt=""/></div>
<footer><span id="copyright">©2015 Limerick Running Club</span></footer>
</div>
</body>
</html>
CSS:
@charset "utf-8";
html{
background-color:#E0EEEE;
header{
width:100%;
nav {
width 100%;
height 55px;
#nav_centre {
text-align: center;
width: 1080px;
margin-right: auto;
margin-left: auto;
border-color: #4683ea;
border-style: solid;
border-radius: 12px;
padding-bottom: 15px;
padding-top: 0px;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
font-size: small;
background-color:#4683ea;
nav ul{
list-style:none;
nav a{
display:inline;
float:left;
text-decoration:none;
font-weight:bold;
padding-top: 5px;
padding-bottom:5px;
padding-right: 45px;
padding-left: 45px;
height: 20px;
color:#CCC;
header {
text-align: center;
#container {
width: 1080px;
margin-left: auto;
margin-right: auto;
footer {
margin-top: 600px;
text-align: center;
height: 50px;
clear: both;
padding-top: 25px;
#copyright{
color:#a6a6a6;
article {
margin-top: 20px;
width: 650px;
margin-left: 5px;
margin-right: 0px;
#imageholder {
width: 360px;
float: right;
clear: none;
margin-top: 20px;
margin-right: 5px;
padding-right: 5px;
.mainpara {
float: left;
border-color: #4683ea;
border-style: solid;
border-radius: 12px;
padding-left: 5px;
background-color: #F0F0F0;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
width: 600px;
section {
margin-top: 75px;
left: 5px;
h1{
color:#4683ea;
#title{
font-weight: bold;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
color:#FFA500;
.subhead{
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
h2{
letter-spacing: 2px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
#testimonial {
float: left;
border-color: #4683ea;
border-style: solid;
border-radius: 12px;
padding-left: 5px;
background-color: #F0F0F0;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
padding-right: 5px;
width: 600px;
clear: both;
.Name {
color:#FFA500;

Try this -
<article class="mainpara">
<div id="imageholder"><img src="Images/edited.jpg" width="355" height="266" alt=""/></div>
<p>The limerick running club was founded in 2008. We are a community funded club with the sole aim of helping to make our community fitter and happier. Our main office is based in castletroy and you are welcome to drop in anytime and join up. </p>
<p>Since the LRC was founded we have had a number of members who have shared with us their feeling about joining the club. </p>
<p>You can read more about what their saying below</p>
</article>
Move the imageholder div so that it is the first child of the "mainpara" article.
Also, you probably want "...what they're saying below" in that last paragraph above. Finally, why do you have a nested <nav> tag in your code?

Page not displaying - cannot edit - ok in live view

I have jsut upgraded to Dreamweaver CS 5.5 - Windows 7 - My site used to work fine in Dreamweaver CS4 - I have a template with editable regions and lots of divs - wehn I ope the page in CS 5.5 - it shows the backgroudn [which repeats ] but none of the editable text
teh page can be found at www.fcrsafield.com/list.hmtl
The page displays correclty in live view - I've tried turning off"style renderign" and that allowed me to see my content and to edit it - but as soon as I saved teh file - it all disappears again - but it is there in live view .
Any help is apreciated as I have more than 100 pages built on this template.

I'm surprised the page shows up at all in any browsers. You've got some very whacky CSS rules. I cleaned up the obvious stuff and removed what didn't seem to belong.
@import url("../p7pm/p7pmh11.css");
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: left;
background: url(../images/patternDetailsMax401.jpg) fixed;
#pagecontainer {
width: 1000px;
margin:0 auto;
overflow:hidden; /**to contain floats**/
#top {
background-color: #cdc9a5;
border: thick outset #b1a999;
#middle {
background-color: #b1a999;
width: 1000px;
margin:0 auto;
#navbar {
text-align: center;
padding-top: 1%;
margin-top: 10px;
#content {
clear:both;
background-color: #FFFFFF;
margin:25px 0 0 0;
padding-right: 2%;
padding-left: 2%;
border: thick outset b1a999;
#footer {
background-color: #Cdc9a5;
margin-right: 4%;
margin-left: 4%;
border: thick outset #b1a999;
margin-bottom: 6%;
/**use meaningful names, no idea what this is for**/
.style16 {color: #FF0033}
.style17 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 4em;
font-weight: bold;
font-style: italic;
color: #000000;
text-align: center;
margin-bottom: 10px;
.style18 {font-size: 10px}
A must read:
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Finally, I highly recommend using one external CSS file in your Template.dwt. It's much easier to manage and creates less code on your HTML pages.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Good luck.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

CS4 Live View Won't Display External CSS

I have a simple .html file - all located on my local machine
with an external .css file located in the same folder as the .html
file. Everything displays fine in a browser. Live View won't
display items in my external css file. It displays items in the
inline file fine. If I move items from the external to the inline
file they will appear. Links are relative to the Document in the
site setup. No default images folder defined (images are in a
folder called "images").
I know it's something simple and dunderheaded. Just getting
back into html after a little hiatus. Any help greatly
appreciated.

> If this is a static site, ignore the Live View button.
> Test it in browsers using F12.
Live view will work fine in a static site, though.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Alan" <[email protected]> wrote in
message
news:C5713A99.31982A%[email protected]..
> suggestion-
>
> Make every line in the site defintion Correct.
> If not sure what it should be, ask.
>
>
> If you use site root relative paths, enable using temp
files in dw
> preferences->Preview in browser
>
> The link to the external css file is a site root
relative path.
> Change it to a document relative path
>
> There is a pulldown at the bottom of the "browse to
file" dialog box to
> choose linking method.
>
> --
> Alan
> Adobe Community Expert, dreamweaver
>
>
http://www.adobe.com/communities/experts/
>
>
>

Horizontal menu bar (spry) not working in live view

action taken - simply add a horizontal spry menu to
a blank page, then go to live view.....
when select "item 1" - item 2 briefly disappears...any thoughts - this is making me nuts! pls email me at [email protected]
here is the code
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<style type="text/css">

</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
        <ul>
            <li><a href="#">Item 1.1</a></li>
            <li><a href="#">Item 1.2</a></li>
            <li><a href="#">Item 1.3</a></li>
        </ul>
    </li>
    <li><a href="#">Item 2</a></li>
    <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
        <ul>
            <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
                <ul>
                    <li><a href="#">Item 3.1.1</a></li>
                    <li><a href="#">Item 3.1.2</a></li>
                </ul>
            </li>
            <li><a href="#">Item 3.2</a></li>
            <li><a href="#">Item 3.3</a></li>
        </ul>
    </li>
    <li><a href="#">Item 4</a></li>
</ul>
<script type="text/javascript">

</script>
</body>
</html>

You will have better luck here in the Forum if you can post a link to your page. Just the HTML doesn't give us enough information; we need to see the CSS stylesheets as well, and in context...working...it's easier to pin down.
Beth

Unable to preview page in browser or live view

Similar Messages

Maybe you are looking for