5 Replies Latest reply: Jan 20, 2012 11:05 AM by osgood_ RSS

    Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?

    MattBru Community Member

      Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?

       

      I created a <section> and an <aside> in code view, and styled those elements in my CSS, but it doesnt show anything in design view!

      why not?

       

      Its annoying.

      CS5.5 is Adobe's spring 2011 release.

      Why is it not up to speed??

      Isnt html5 very 2009-2010ish?

      Is there an add-on i can install?

       

      thanks.

        • 1. Re: Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
          mhollis55 CommunityMVP

          Because design view is not made for that.

           

          You can use "Live View" to see what things look like, but I prefer to use a real browser, myself. It's not that I don't trust Adobe's Live View, it's that I do not know what browser model Adobe is trying to follow. Real browsers will show what real browsers will render.

           

          As to HTML5 and CSS3, these are not standards yet.

           

          What you have is a whole series of proposals for standards. If you want to build a website that fits agreed-upon standards, you should be using HTML4 or XHTML 1.0 or 1.1.

          • 2. Re: Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
            osgood_ CommunityMVP

            I'm not up to speed yet with html5 but having just tested the 'section' element it seems to take onboard the css styling in CS4 so CS5.5 must be able to show it.

             

            Quickly adding you may be using css3 spec which is not yet supported?

            • 3. Re: Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
              MattBru Community Member

              Im using <!DOCTYPE HTML> (html5's doctype) plus the html5 shiv:

               

                  <!--[if lt IE 9]>

                  <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>

                  <![endif]-->

               

              Heres my css:

               

               

              <style>

              section {

                        width:300px; height: 100px;

                        padding: 90px; margin: 25px;

                                  border: 1px #f1bd38 solid;

                                  background-color: #999;

              }

              </style>

               

              and in the body:

               

              <section>

                        <p>This is a section</p>

              </section>

               

               

              Its styling it, but its not displaying it exactly how it "should" (should be looking block level, and acting like a div).

              Oooh well. I just wont be using html5 just yet. Like you said, its not entirely set in stone yet.

              Thanks for your quick replies!

              • 4. Re: Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
                mhollis55 CommunityMVP

                Well we are all "getting up to speed" with HTML5 because, as it stands, it is still not a standard.

                 

                As to styling in CS4 vs CS5.5, Dreamweaver is an engine that assists in making good HTML code. It's agnostic. If you don't close your tags properly in CS 5.5 and then open the same document in CS4, it will notice that you did not close your tags properly.

                 

                Adobe makes plugins that will allow CS4 to do code hinting properly with HTML5 selectors and CSS3, assuming the document is peroperly defined as an HTML5 document.

                 

                Here is the beginning of one of my most recent HTML5 documents:

                 

                <!DOCTYPE HTML>

                <html>

                <head>

                <meta charset="UTF-8">

                <title>Page Title Goes Here</title>

                <link href="css/normal.css" rel="stylesheet" type="text/css" media="all">

                <link href="css/navigation.css" rel="stylesheet" type="text/css" media="all">

                <!-- include CSS before the Shiv -->

                <!--[if lt IE 9]>

                <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>

                <![endif]-->

                 

                This works.

                • 5. Re: Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
                  osgood_ CommunityMVP

                  add display: block; to your section:

                   

                  <style>

                  section {

                  display: block;

                            width:300px; height: 100px;

                            padding: 90px; margin: 25px;

                                      border: 1px #f1bd38 solid;

                                      background-color: #999;

                  }

                  </style>