Skip navigation
AWP64
Currently Being Moderated

CS4 and CS6 design views

Aug 6, 2012 10:05 AM

When viewing the same index file I see significant differences between the design views of Dreamweaver CS4  and Dreamweaver CS6. The index file was created in CS5. My CS4  displays it correctly while CS6 design view is not even close. The live views are correct with both. 

 
Replies
  • Currently Being Moderated
    Aug 6, 2012 10:30 AM   in reply to AWP64

    Yeah, they'll be different. There are things that DW6 knows that weren't invented when DW4 was out and other things that DW4 will still see that have been completely removed from HTML and are either ignored, or not rendered correctly by DW6.

     

    Do you have a specific question about something you're seeing?

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 10:32 AM   in reply to AWP64

    CS6 is a good deal stricter in its interpretation of your HTML than CS4 was.  Does the page validate?  The easiest way to get a hinky display in CS6 is to throw invalid code at it.  You can use the W3C's validator to determin the validity of the code -

     

    http://validator.w3.org

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 11:32 AM   in reply to AWP64

    Dreamweaver Design View is a browser facsimile - at best.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 11:57 AM   in reply to AWP64

    What exactly are you seeing as the differences? There have been quite a few instances where some reset styling has been causing a design to look different from previous DW versions due to CS6 being stricter, as Murray mentioned.

     

    Could you post the code or link to live page?

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 12:18 PM   in reply to AWP64

    Without seeing your code (both HTML and CSS) it would be hard to answer this.  The best way to show us would be to post a link to the live pages.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 12:24 PM   in reply to AWP64

    You are able to post the code in your reply  go to code view, select all, copy and then paste in here. Alternatively, you could use the "advanced editor" view and paste inside "syntax highlighting" but that gets tricky.

     

    Your header might have moved because it was relying on something from the reset style. It should be easily fixed when the code is seen. As for the resets themselves, people have different views on this but I find they cause more issues than they are worth. They can be good as guidance on what you can include in your stylesheet though. I tend to write my CSS more or less from scratch and add my own reset into it - that way I know exactly what I am resetting!

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 12:26 PM   in reply to AWP64

    I would allow Murray to take you through this as he is using the more

    logical path. The first thing you want to check is if your page is coded

    correctly and to do that you need to allow Murray to see a live page. At

    that point, if your code is valid, and works properly in browsers, but

    still has problems, you must make a decision:

     

    1. Use Design Time Style Sheets inside Dreamweaver to work around

    Dreamweaver display bugs (of which there are many).

     

    2. Dumb down your CSS to the point that Dreamweaver is capable of

    displaying it like a modern browser.

     

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 12:50 PM   in reply to AWP64

    Don't suppose you have a link to the live page, do you?

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 1:02 PM   in reply to MurraySummers

    I wouldn't have the temerity to suggest that Joe Lowery could write invalid HTML or CSS!  Luckily both HTML and CSS validate (nominally).

     

    And for what it's worth I agree with Rik about the resets.  I rarely (if ever) use them.

     

    Can you explain what you are seeing with regard to the heading centering issue in the two versions of DW?

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 12:12 AM   in reply to AWP64

    EEEK! whenever I see anything which Eric Meyers is involved in I'm not surprised it doesn't work. I dunno what the guy is doing now, probably playing his banjo (I believe he was in some kind of country band). He only ever produced css which was way ahead of what any current browser could interpret let alone a software program. Enough said. Personally I'd try to learn css yourself and not rely on other peoples interpretation of how to write it. There is more than one way to skin a cat and the more advanced the css the less likely it is that Dreamweaver will render it correctly. You can achieve the same results that will render in Dreamweaver with far less convoluted css in my opinion.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 5:37 AM   in reply to osgood_

    Eric doesn't deserve this criticism.

     

    His involvement in this template is likely only that Joe chose to use Eric's reset CSS.  There's nothing bleeding edge there.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 5:59 AM   in reply to osgood_

    osgood_ wrote:

    He only ever produced css which was way ahead of what any current browser could interpret let alone a software program. Enough said.

    He certainly pushed the envelope in the early days of CSS but he also pushed standards and usable CSS.

     

    His approach is as pragmatic as much as it is experimental.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 6:07 AM   in reply to MurraySummers

    Murray *ACP* wrote:

     

    Eric doesn't deserve this criticism.

     

     

    Fair enough, everyones entitled to their opinion.

     

    Was just saying it seems the more of an 'expert' people claim to be the more likely that they will try and confuse those that aren't by using techniques which aren't really required. i guess its their way of feeding their ego.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 6:07 AM   in reply to John Waller

    John Waller wrote:

     

    He certainly pushed the envelope in the early days of CSS but he also pushed standards and usable CSS.

     

    His approach is as pragmatic as much as it is experimental.

     

    I don't thing Eric ever create a 'real world' site or was that bothered about creating one. Only lectured and published a few books about css. The two are worlds apart.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 6:12 AM   in reply to osgood_

    All I can say is I learned plenty of real world CSS from Eric in my early days.

     

    Eric's Wordpress blog http://meyerweb.com is still being updated for those interested in his activities.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 6:14 AM   in reply to John Waller

    John Waller wrote:

     

    http://meyerweb.com is still going strong.

     

    I wouldn't call it much of a commercial site myself. A playground for Eric, yes.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 6:15 AM   in reply to osgood_

    osgood_ wrote:

    Was just saying it seems the more of an 'expert' people claim to be the more likely that they will try and confuse those that aren't by using techniques which aren't really required. i guess its their way of feeding their ego.

    Eric wasn't feeding his ego.

     

    He was experimenting with advanced CSS and inspiring many people along the way.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 6:16 AM   in reply to John Waller

    I certainly took inspiration from him as well!  He's a great guy....

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 6:17 AM   in reply to osgood_

    osgood_ wrote:

     

    John Waller wrote:

     

    http://meyerweb.com is still going strong.

     

    I wouldn't call it much of a commercial site myself. A playground for Eric, yes.

    I changed the wording of my post because I changed what I wanted to say.

     

    His blog is there for those who want to visit. It's not a commercial venture as far as I can see.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 7:04 AM   in reply to John Waller

    John Waller wrote:

     

     

    It's not a commercial venture as far as I can see.

     

    That's my point. Often those without commercial experience have little in common with those that do.  There's room for all of course.......you just need to work out who to rely on in different senarios. Eric, fortunately for me wasn't one of them.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 7, 2012 8:27 AM   in reply to AWP64

    Getting back to your question, you could try and leave the reset as it is but remove all instances of "background: transparent;" or "background-image:transparent;" from your CSS and see if it clears up your issue. This has been the main culprit for CS6 design view looking different from previous versions.

     

    Live View shows your design using a web browser engine to give the page a more accurate appearance, whereas Design View is just showing the code more or less as is and without many of the CSS styles applied - especially if you have used CSS3. It goes without saying but you should not rely on Design View to give an accurate representation of your site - that is what Live View is for.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 5, 2012 3:54 PM   in reply to MurraySummers

    I just installed DW CS6.  So far I have not seen any particular issues with Design View being totally different than what I saw in DW CS5 --or radically strange.   I upload and view my pages on the server early and often in my workflow, so I'm not too worried about Design View.  Generally, I view Design View as 1)  a sanity check and 2) a tool which enables me to find particular places I want to add or correct markup,  usually faster than in Code View.  

     

    I may change my mind about CS6 Design View after I get more experience with it.

     

    Specifically about  your "...good deal stricter..." point: 

     

    If invalid code causes no more than a hinky display, I can sort-of live with that, per my comments above.    I'm more concerned with the implied possibility that DW CS6 is more susceptible to becoming internally confused due to invalid

    code.  

     

    (I have seen some problems of  "internal confusion"  in earlier DW versions, for example:  deleting characters works correctly, but at some distance from the current cursor position. Or: text entry resulting in a chunk of nearby content

    text disappearing, apparently erased.    In most cases, it seems these problems resulted from insufficiently enclosed content.  I could usually un-confuse DW by being more generous with DIVs.)

     

    My concern is this:  I'm pretty sure very few people write perfect code the first time.   During development, enclosure problems seem like a common mishap. It isn't exactly a Class 1 Felony.    If DW CS6 is more susceptible to common missteps during early development, well, ummmm......

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points