Design view problem, live view fine

I'm having a design view issue in Dreamweaver CS4. If you look at the images here:
http://www.honestcontractors.net/temp/index.html
You can see that design view (top image) cuts off the bottom CSS and the right area. But everything looks just fine in live view (lower image). Anyone have any ideas why this is going on?
Thanks!

Me too! I also have upgraded from DW8 to CS5 and have this problem and it is driving me crazy. I have run my pages through the W3C validator and they passed, so I know there is nothing wrong with my code. But the XHTML pages are all displaying flush left in Design View, and intermittently so are some of the HTML pages. They display fine in Live View, but of course, you can't do any editing in Live View. This to me disables one of the key features of Dreamweaver since it was launched by Macromedia years ago -- the ability to switch seamlessly back and forth between Code View and Design View! I've been working with it like this for several years and this has thrown a monkey wrench into my workflow and I'm really depressed. The Adobe phone tech in India was trying to tell me it was my fault! I showed him that the pages passed the W3C validator test and displays just fine in Firefox and Safari when uploaded to the server.
Meanwhile, there are other bugs the Adobe phone tech basically threw up his hands about: browser preview works with Safari but not Firefox (it just doesn't open at all, nothing happens). Also, sometimes after interacting with the server, the dialog box doesn't close on its own, so you go to open a file a minute or two later, and you are told that "Dreamweaver is currently interacting with a server." Since the dialog box is hidden, this has also been driving me nuts for the past week until I realized what the cause was.
I am SO frustrated right now. This is a very, very expensive program, and it should be working better than DW8 not lacking key features. Any other suggestions? And what's with Adobe's current phone techs? I've talked with 3 of them about this issue. The first one spoke fractured English, the second one seemed competent to a point, the third one had decent language skills but I felt as if I had better reasoning skills and knew more than he did -- and he was the one who punted and said "Must be the fault of your design," even though he could see my screens and I showed him that the design passed validation.
By the way Tech # 2 had me delete the configuration files and preferences and uninstall and reinstall DW CS5 to no avail. And I'm running the latest update of Snow Leopard on a Mac Mini purchased in November 2009.
--Helen

Similar Messages

How to view the "Live View" in Final Cut?

Hi!
I bought the Canon 550d yesterday, and after 30 minutes of use, I realized that the only way to get what you want in terms of focus is to just do it manually.
The only problem is - I need to capture my own face, which means that I can't see anything on the camera screen.
So, I saw that some youtube video makers have their "live" view in final cut, which I thought was brilliant, but I have no idea how to do it.
So here's my question - how do I "view" the live view from my camera in FCP?
Thanks for the help

LiorP wrote:
... some youtube video makers have their "live" view in final cut, …
So here's my question - how do I "view" the live view from my camera in FCP? …
most yt-makers don't use FCPX, but designated tools like ScreenFlow which offers such an 'effect'. Like in this short advice I made for a friend ...
for Importing a live-feed, read advice here
http://help.apple.com/finalcutpro/mac/10.0.4/#ver41814595
… but that does NOT guarantee , that your Canon delivers a live-feed, your Mac can acknowledge ...

"Code & Design" and "Code & Live" view problem i am getting in Dreamweaver CC 2014

Please anyone help me.
I have 2 webpages, one is with 12 columns fluid grid based and another is without fluid grid based.
Both are open in same site folder in Dreamweaver CC 2014.
I want to resize/edit my fluid grid div column in design view.
But i m not getting the proper menu (view-->Code and Design)
why the problem is happening ?
If my non-fluid page is active for edit purpose than i am getting the "View"-->"Code and Design"
if my fluid page is active for edit purpose than i am no getting the "View"-->"Code and Design"
but i am getting "View"-->"Code and live"
i am unable to resize my fluid div using the resize handler.
this is fluid based, i need "code and design view"
this is non-fluid based

There has been much discussion about this lately. You can add your vote for a return of Design View below.
Provide "Design View" for Fluid Grid Webpages
It's an "improvement" made to the October release to promote more people to use Live View editing in FGLayouts. As we're finding out, the removal of Design View in FGLayouts is severely impacting people's workflows.
Workarounds:
Step back to CC June release from links below
Win: http://download.adobe.com/pub/adobe/dreamweaver/win/cc/Dreamweaver_14_LS20.exe
Mac: http://download.adobe.com/pub/adobe/dreamweaver/mac/cc/Dreamweaver_14_LS20.dmg
or put an X in the FGLayout CSS comments
Change this:
Dreamweaver Fluid Grid Properties
dw-num-cols-mobile:        5;
dw-num-cols-tablet:        8;
dw-num-cols-desktop:    12;
dw-gutter-percentage:    25;
to this:
Dreamweaver Fluid Grid Properties
dw-num-cols-mobile:      X;
dw-num-cols-tablet:        8;
dw-num-cols-desktop:    12;
dw-gutter-percentage:    25;
Nancy O.

DW CS5 - what determines the font specs for design view (without Live View on)?

Says it all above. The non-Live View font I get bears no relationship to the font spec'd (and displayed) for the page in Live View. I assume I have a preference set wrong but can't find it.Help appreciated. - Jim

You won't see any custom web fonts in Design View, if that's what you mean. Design View is not and never has been 100% reliable because it is not a browser. At best Design View is an approximation of what you can expect to see in some browsers.
Nancy O.

Horizontal Menu Bar not displaying when published as it views in live view or preview

I am working on putting together our site and haven't used Dreamweaver in years so very rusty. I have a horizontal menu bar that is working properly in "live view" and in "preview" mode but when I publish the submenus are not working.
You can view the site at www.pulsecc.org
Any help will be greatly appreciated.

Thank you so much! That's a little frustrating how long I pulled my hair out trying to figure something this simple out!
Thanks again!

Can not see in Design view only live view and code

class="wrapper">
                                                                                <div class="col-1 col-indent">
                                                                                          <h2><strong>ABOUT</strong> us</h2>
                                                                                          <span class="text">Lorem ipsum dolor sit ame</span>
                                                                                          Aadipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.
                                                                                          <p><a href="#" class="link1">more</a></p>
                                                                                </div>
                                                                                <div class="col-1 col-indent">
                                                                                          <h2><strong>Travel</strong> with us</h2>
                                                                                          <span class="text">Ipsum dolor sit amet consectetuer</span>
                                                                                          Aadipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore set dolor magna.
                                                                                          <p><a href="#" class="link1">more</a></p>
                                                                                </div>
                                                                                <div class="col-1">
                                                                                          <h2><strong>You seek</strong> – we find </h2>
                                                                                          <span class="text">Lorem ipsum dolor sit amet</span>
                                                                                          Aadipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.
                                                                                          <p><a href="#" class="link1">more</a></p>
                                                                                </div>
                                                                      </div>

Try validating your code and fix any reported errors.
CSS validator - http://jigsaw.w3.org/css-validator/
HTML validator - http://validator.w3.org/
If that doesn't solve your problem, you'll need to upload your page and supporting files to a web server space you control and post a link here.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Live View worse than Design view, both bad, CSS & layout not applying

Howdy,
So I'm trying to do some work on the the page seen here:
http://www.juniper.net/us/en/products-services/network-management/
(I've attached a screenshot of it.)
I view the source for that page and copy it into a new blank page in code view using DW CS4.
I copy all the relevant related files, as far as I know, including at least all the CSS and image files.
I view the page in Design View, and some of the styles, primarily on the text are clearly being applied. The layout, though, is all wrong, with the navigation spread out over the top without any text styling or background images, tho a few other images do show up (one in the header area and some in the body, ones that should all be about in the same directory), and the content area pushed waay out the right.
Live View is even worse, no styling at all on any of the text, and it doesn't seem to be able to locate any of the images, so it's all plain default HTML-styled text.
This is a fresh installation of CS4.
DW 8 seemed to have a similar problem rendering this layout in design view, but appplying a few design-time stylesheets, ones that should have been applying, but somehow weren't, seemed to do it, or at least pretty close. That same strategem did not seem to work here. Plus, doesn't the fact that the correct stylesheets show up as "related files" in the related files bar mean that DW knows about them and are/should be doing its level best to be applying them already?
I'm not sure how much more I can share, but does anyone have any thoughts about how to make DW render correctly?

So here's a little more info for a more complete picture of the problem...
I do have access to the original CSS, JS, and image files...When I said that I copied all the files that I believe to be relevant, I mean that I downloaded all the files from the \assets and \shared directories from the content management system, which should contain all the CSS, JS, and image files that the page uses.
When I view the file into which I saved the page's View Source on my testing server via an actual browser window, the page looks as expected.
So, to sum up:
All the support files and "related files" seem to be in place.
When viewed through a browser fed by a web server, the file/page looks as expected. Checked in Firefox v3.5.3, IE 8, and Chrome v3.0.195.24.
When viewed in Design View, the layout looks wonky, some of the styles seem not to be applied to the navigation/header area (notably, I guess, the positioning of the navigation and content area relative to the navigation, as well as some of the text styling on the navigation), and most if not all the styling (text formatting, layout) seems to be applying in the content area. The Related Files bar seems to list all the expected related files.
When viewed in Live View, no styling is being applied anywhere. Live View is based on an integrated WebKIT browser, so it should render most closely to Chrome, right?
I know little to nothing about relevant web server configuration. Could it be possible there's some web server configuration that's set up on Juniper's web server that Dreamweaver doesn't mimic, at least by default? Are there web server configuration settings for the integrated Live View "server" that I could check?

DW CS4 - Design/Live view not available with PHP

I am working with PHP documents but both Live View and Design View are grey and unavailable with PHP documants open. I am using MAMP and have set up local info and testing server in the site set up dialog several times myself and with the help of some web search with no difference. Any thoughts on what may be some things to check would be greatly appreciated.

Hoooo Leeeee Moe Leeee...
QUOTE"
Have you changed your preferences to open PHP pages in Code view?
In the File Types/Editors category of Preferences, if you add .php to the list of file name extensions in "Open in code view", it disables Design view and Live View for that type of file.
I can not believe I searched for over 30 minutes to find out that adding .php to this field; disables one of the ONLY reasons I purchased CS5.
Just for giggles, why would it be designed like this? "Open in code View" = a prefrence to what screen type you see, not, "I want to disable CS5 to pre CS2 version"...
Well, just my two cents. Now that I know, I will never do that again... So, Next question. Is there a way to make Dreamweaver by default open in code view, without setting the tempting box to do it for you?
Thanks ahead of time. By the way, I am greatful that someone has the answers! and I am glad that person is you sir = Enter the Adobe Expert.

Design view not the same as live view

My design view is totally different the IE view or live view
in cs4, I read a thread that you have to basically live with it?
I hope this is not true, can anybody confirm?
Thx
Brad

You can see the IE result at http://www.spaline.ca/dreamweaver/
and I ahve attached a screen shot in a pdf.
I do not know what else i can say at this point
Thx
Brad

Live View not rendering CSS

On a Mac OS Mavefrick, DW CC. Mostly working fine until recently. Now CSS changes shown in Design View not seen in Live View. Checked syntax, made changes in CSS Designer to no effect. Could not uninstall DW CC (alias corrupted?) but reinstalled DW CC. Re-install had no effect. Suggestions?
RJL

Thanks for your suggestion but this has been a sudden, recent change. Never had this problem before using DW CC.
Today, I tweaked the CSS and got to a point on one of my pages (calendar.htm) where everything in Design view and Live view looked just as I wanted it. Tested in Firefox and Chrome, still fine. Uploaded the file to the server, opened the page in Chrome, still fine. An hour or two later I went back to calendar.htm and whereas everything was fine in Design view the CSS styling on the h4 tags were not present in Live view. Checked the web again and the calendar.htm looked as I expected it to look (serrakck.org --> Calendar).
Still need help. I have a bunch of CC apps on my Macs and maybe there is some comflick with them. Don't have any other version of DW except DW CC.

How do I get php files to render in Live View

I'm using CS4 and have just found that I can't get php pages to render in live view. I have no problems with html pages. Help

Hi,
his thread could solve your problem: http://forums.adobe.com/message/2610272 "DW CS4 - Design/Live view not available with PHP" where David Powers (nr. 5) answered in this way:
Have you changed your preferences to open PHP pages in Code view?
In the File Types/Editors category of Preferences, if you add .php to the list of file name extensions in "Open in code view", it disables Design view and Live View for that type of file.
Hans-G.

DW8 templates won't display in Live View

I have several sites that I've developed around templates
distributed with Dreamweaver 8. When I access these with
Dreamweaver CS4, everything works well in code and design view, but
java script and images don't seem to display correctly in Live
View. Live View seems to work fine with newly created pages in DW
CS4, but my existing sites will not display. Anybody run into this?
DW CS4 on a iMac (2 GHz Intel Core 2 Duo) running under
10.5.5.

> I had to do one other thing besides
> setting up a testing server, and that was to set "Links
relative to site root"
> in the "Local info" panel of the site definition dialog.
That will change future links, and template paths updated
later- but it
won't change existing paths.
http://e7x.com/dw/
relativity extension. works in current versions of dw AFAIK.
Note- if you set up a local testing server and use site root
relative paths,
you will need to set up a "virtual host name" in your
server's config file
and possibly the Hosts file of your OS so that you can use a
url of
http://mysite.local
instead of
http://localhost/mysite/
because site root relative won't work when the
site is in a subfolder, the way dw will write them.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

PHP Live View

I am a complete newbie to Dreamweaver CS6. I have a site being developed in Notepad++ and every page is a PHP page.
When in DW, I can only view the page using the browser feature. Can a PHP page be viewed using the design button and live view button or does it have to be viewed solely with the browser.
2nd question - where do I find great tutorials on DW CS6.
Thanks, looking forward to using this great product.
GRant

A page that contains ONLY PHP would have no visual display, unless the PHP were writing to the screen. In other words,
<?php
$foo=array(a=>'1', b=>'2');
?>
would show nothing in DW's Design viewor in DW's Live view. On the other hand,
<?php
echo "Hello";
?>
would show "Hello" only in DW's Live view, and nothing (except the gold shield icon) in Design view.
But why not show us some of your code, and we'll tell you what you would expect to see in both Design and Live view.
Good DW tutorials are all over the place. I'd start with those that are on the Adobe site (look for the dev center).

Live view and permalinks, discover and stylesheets

Hi!
I have been pretty bad in using Dreamweavers features in general.
I'm just using Code-view, upload every change, and view the result in a browser.
This is a very time consuming way to work when it comes to small details like CSS.
I have to questions about this:
First. When I use discover it finds every PHP-file the current file is depending on. But not stylesheets.
I make dynamic sites and has to open the stylesheet everytime a need to change everyting.
I'd like to just click on the class/id I like to change in the dynamic file and the use the CSS-style tab to change information.
ATM I have to include a <link /> to the stylesheet in every single file in the project.
Is it posible to define one for the entire site?
Second: About the LIve View. Live View would be great to use. How every, as I make dynamic sites I need to alter the urls.
Instead of using http://www.site.com/site.php it should run http://www.site.com/site/ and include all HTML a broswer would see on that URL.
Since the sites stylesheet and structure is in the index-file, http://www.site.com/site.php would generate a file with just the content of site.php and now structure or stylesheets what so ever.
Is this posible?
Thank you in advance!

1. I'm going to need a little more explanation to understand exactly what you are doing. You are saying that with a dynamic file it is not finding your CSS. Where is the CSS? How is it included within the file structure? Eg: Is it in the file you have open, in a file through an include, included locally vs remote?
2. I've noticed this as well that rewriting does not appear to work with Live View. But remember if it is to be implemented you would have to assume that a user could be using a IIS, Coldfusion or Unix-based server for this. For this you would need to file a feature request ( https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform ). And in the latter part of your port, what I believe you are referring to is a current limitation of LiveView. As noted with the users who they advertised could use it for WordPress, Adobe has said to see the site you will need to load the Index file to see what is going on because the Index file is the one that is processing all the data and requires the necessary includes, whereas the included file doesn't necessarily contain enough data to be processed as a standalone file.

Design View differs from Live view problem

I have Dreamweaver CS5.5 with Mac OS 10.7.3 on an iMac. I have the same set-up on a Macbook Pro 17
The problem is that the Design view is showing different fonts and not picking up layout as per CSS style but the Live view is all correct.
All is fine on the laptop so it is my iMac specific glytch
I have checked the settings for diplaying CSS styles and they are ticked
I have switched off the activation settings for Suitcase Fusion 3 in case of conflict there
I have uninstalled and reinstalled Dreamweaver
I think it a font-related problem as the design view only seems to want to display non-serif fonts.
Am I doomed to only use the lap-top in my web work?
I hope someone can advise as I am rather frustrated

I think that's just the way it is...
http://forums.adobe.com/message/4312435#4312435
Martin

Design view problem, live view fine

Similar Messages

Maybe you are looking for