DW CS6 Design View & editable regions

I am trying to build a web site from a template I created. When in any of the pages in Design View (not Live) the editable regions push to the right of the rest of the page and can't be edited properly. I can do lots of work in the Code view and then it displays properly Live, but it's all screwed up in Design.
I ran the W3C validation and everything looks good.
Any ideas? This is a really frustrating way to try to build a site.
Thanks!

<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class=""><!-- InstanceBegin template="/Templates/page_template2.dwt" codeOutsideHTMLIsLocked="false" -->
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Pac Blue Concepts, LLC - The Hooker universal truck bed hooks more info page</title>
<!-- InstanceEndEditable -->
<link href="../CSS/boilerplate.css" rel="stylesheet" type="text/css">
<link href="../CSS/page_layout.css" rel="stylesheet" type="text/css">
<link href="../CSS/flexslider_index.css" rel="stylesheet" type="text/css">
<link href="../CSS/fit_chart.css" rel="stylesheet" type="text/css">
<link href="../CSS/flexslider.css" rel="stylesheet" type="text/css">
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script type="text/javascript" src="../javascripts/respond.min.js"></script>
<script type="text/javascript" src="../javascripts/jquery.flexslider_index.js"></script>
<script type="text/javascript" src="../javascripts/whatever.js"></script>
<style>
* { margin: 0; padding: 0; }
html {
background: url(http://www.rescuepegs.com/PBCbackground.jpg)
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
#page-wrap { width: 900px; margin: 80px auto; padding:
20px; background: white; -moz-box-shadow: 0 0 20px black;
-webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
</style>
<!-- InstanceBeginEditable name="head" -->
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
<!-- InstanceEndEditable -->
</head>
<body>
    <div class="gridContainer clearfix"><!--begin clearfix div-->
      <div id="LayoutDiv1"><!--div tag for LayoutDiv1-->
        <div id="header"><!--div tag for header-->
        <table id="header_table"> <!--header table-->   
          <tr>
            <td><a href="../index.html"><img id="header_logo" src="../images/Pac_Blue_Concepts_logo.jpg" alt="Pac Blue header logo"></a></td>
            <td><a href="http://www.youtube.com/pacblue"><img class="social_media_link_pics" src="../images/youtube-icon.jpg" alt="youtube link"></a>
            <a href="http://www.facebook.com/PacBlue"><img class="social_media_link_pics" src="../images/facebook-icon.jpg" alt="facebook link"></a>
            <div><input type="text" name="s" id="search-text" value="Search"> <input type="submit" id="search-submit" value="GO" /></div>
            </td>
          </tr>
        </table><!--end header table-->
        </div><!--end div tag for header-->
        <div id="menu"><!--begin div for menu-->
            <div class="band_navigation">
                 <div id="nav_box"><!-- begin nav box div-->
                    <table><!--table that holds the navigation bar-->
                        <tr>
                            <td>
                                <nav class="container primary"><!--begin navigation container-->
                                    <ul>
                                        <li><a href="index.html">Home</a></li>
                                        <li><a href="#">Products</a>
                                            <ul>
                                                <li><a href="rescuepegs.html">Rescue Pegs</a></li>
                                                <li><a href="thehooker.html">The Hooker</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Fit</a>
                                            <ul>
                                                <li><a href="rescuepegs_fit.html">Rescue Pegs</a></li>
                                                <li><a href="thehooker_fit.html">The Hooker</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">News</a>
                                            <ul>
                                                <li><a href="news_events.html">News & Events</a></li>
                                                <li><a href="videos.html">Videos</a></li>
                                                <li><a href="photos.html">Photos</a></li>
                                                <li><a href="press_release.html">Press Release</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Cart</a>
                                            <ul>
                                                <li><a href="my_cart.html">My Cart</a></li>
                                                <li><a href="checkout.html">Checkout</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">About</a>
                                            <ul>
                                                <li><a href="about_us.html">About Us</a></li>
                                                <li><a href="contact.html">Contact</a></li>
                                                <li><a href="links.html">Links</a></li>
                                            </ul>
                                       </li>
                                 </ul> 
                                </nav><!--end nav container-->
                            </td>
                        </tr>
                    </table><!--end table that holds the navigation bar-->
               </div><!--end nav_box div-->
          </div><!--end band navigation-->
        </div><!--end menu div-->
<!-- InstanceBeginEditable name="Content1" -->
        <div id="content">
              <table width="100%" border="0" cellspacing="0" cellpadding="0"><!--Begin table for conent in CONTENT div-->
                 <tr><!--table row to hold fit diagram and fit text-->
                     <td id="fit_image"><!--table cell for fit diagram-->
                    <img src="../images/The Hooker fit.png" alt="The Hooker fit diagram">
                    </td>
                    <td><!--table cell for fit text-->
                    <h2>Will The Hooker universal truck bed hooks fit my truck?</h2><br>
<h3>This is a very common question. Let's try to answer it.<br><br>
The Hooker fits most pickup trucks from early 1980s to current models.</h3><br>
<h4>The keys are:<br>
                        1. You must have access to the bed rail of your truck bed<br>
2. The combined width of the bed rail and any hardware mounted to it must be less than 0.5" (1/2")<br>
3. The flat under the bed rail needs to be about 1" or more wide<br>
                    <br>
That's it. If your bed rail meets those three criteria, The Hooker should work!<br><br>
Take a look at the <a href="thehooker_fit.html"><u>fit chart</u></a> to see if The Hooker will fit your truck.
                    </td>
                </tr>
                <tr><!--table row to hold bed liners, rails & caps image-->
                     <td colspan="2">
                         <table border="0" align="center" cellpadding="0" cellspacing="0">
                             <tr>
                                 <td><img src="../images/hooker_works.jpg">
                                </td>
                            </tr>
                                <tr>
                                   <td colspan="5">Click on an image above to enlarge and read more</td>
                            </tr>
                        </table>
                </tr>
                  </table><!--End table for content in CONTENT div-->
        </div><!--end div content-->
<!-- InstanceEndEditable -->
        <!--begin link images x6-->
        <div id="RP_link"><a href="rescuepegs.html"><img src="../Images/index_Rescue_Pegs_Sm.jpg" alt="Rescue Pegs link"></a></div>
        <div id="TH_link"><a href="thehooker.html"><img src="../Images/index_The_Hooker_Sm.jpg" alt="The Hooker link"></a></div>
        <div id="Fit_link"><a href="fit.html"><img src="../Images/index_Fit_Sm.jpg" alt="Fit link"></a></div>
        <div id="Videos_link"><a href="videos.html"><img src="../Images/index_Videos_Sm.jpg" alt="Videos link"></a></div>
        <div id="News_link"><a href="news_events.html"><img src="../Images/index_News_Sm.jpg" alt="News &amp; Events link"></a></div>
        <div id="Cart_link"><a href="my_cart.html"><img src="../Images/index_Shopping_Cart_Sm.jpg" alt="Shopping cart link"></a></div>
        <!--end link images x6-->
        <div id="sitemap"><!--begin sitemap div-->
              <table><!--sitemap table begin--> 
                <tr>
                  <td><a href="../index.html">HOME</a></td>
                  <td>PRODUCTS</td>
                  <td>FIT</td>
                  <td>NEWS</td>
                  <td>CART</td>
                  <td>ABOUT</td>
                </tr>
                <tr>
                  <td> </td>
                  <td><a href="..web/rescuepegs.html">RESCUE PEGS</a></td>
                  <td><a href="..web/rescuepegs_fit.html">RESCUE PEGS</a></td>
                  <td><a href="..web/news_events.html">NEWS &amp; EVENTS</a></td>
                  <td><a href="..web/my_cart.html">MY CART</a></td>
                  <td><a href="..web/about_us.html">ABOUT US</a></td>
                </tr>
                <tr>
                  <td> </td>
                  <td><a href="..web/thehooker.html">THE HOOKER</a></td>
                  <td><a href="..web/thehooker_fit.html">THE HOOKER</a></td>
                  <td><a href="..web/videos.html">VIDEOS</a></td>
                  <td><a href="..web/checkout.html">CHECKOUT</a></td>
                  <td><a href="..web/contact.html">CONTACT</a></td>
                </tr>
                <tr>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td><a href="..web/photos.html">PHOTOS</a></td>
                  <td> </td>
                  <td><a href="..web/links.html">LINKS</a></td>
                </tr>
                <tr>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td><a href="..web/press_release.html">PRESS RELEASE</a></td>
                  <td> </td>
                  <td> </td>
                </tr>
              </table><!--sitemap table end-->
        </div><!--end sitemap div-->
        <div id="footer"><!--begin footer div-->
        Copyright 2013 Pac Blue Concepts, LLC, all rights reserved
        </div><!--end footer div-->
      </div><!--end div tag LayoutDiv1-->
    </div><!--end div tag for clearfix container-->
</body>
<!-- InstanceEnd --></html>

Similar Messages

  • CS4 and CS6 design views

    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. 

    Here is the original .php doc. (Does not contain any php because that was the exercise to insert it).
    <!DOCTYPE html>
    <html dir="ltr" lang="en-US">
    <head>
    <meta charset="UTF-8">
    <title>Explore California</title>
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="stylesheet" type="text/css" media="all" href="style.css">
    </head>
    <body class="home blog">
    <div id="wrapper" class="hfeed">
      <div id="header">
        <div id="masthead"> <a href="http://localhost/explore_ca/index.htm"><img src="images/logo.gif" width="192" height="237" alt="Explore California Home"></a></div>
        <!-- #masthead -->
      </div>
      <!-- #header -->
      <div id="main">
        <div id="container">
          <div id="content" role="main">
            <div id="templateID" >
              <h1>Heading</h1>
            </div>
          </div>
          <!-- #content -->
        </div>
        <!-- #container -->
        <div id="primary" class="widget-area" role="complementary">
          <ul id="baseNav">
            <li><a href="http://www.explorecalifornia.org/tours.htm" title="Explore our tours" class="tours">Tours</a></li>
            <li><a href="http://www.exlorecalifornia.org/mission.htm" title="What we think" class="mission">Mission</a></li>
            <li><a href="http://www.explorecalifornia.org/contact.htm" title="Contact and support" class="contact">Contact</a></li>
            <li><a href="http://www.explorecalifornia.org/resources.htm" title="Guidance and planning" class="resources">Resources</a></li>
            <li><a href="http://www.explorecalifornia.org/explorers.htm" title="Join our community" class="explorers current">Explorers</a></li>
          </ul>
          <!--<ul class="xoxo">
    <li id="search-2" class="widget-container widget_search"><form role="search" method="get" id="searchform" action="http://localhost/explore_ca/">
              <div><label class="screen-reader-text" for="s">Search for:</label>
              <input type="text" value="" name="s" id="s">
              <input type="submit" id="searchsubmit" value="Search">
              </div>
              </form></li>                    <li id="recent-posts-2" class="widget-container widget_recent_entries">                    <h3 class="widget-title">Recent Posts</h3>                    <ul>
                                            <li><a href="http://localhost/explore_ca/?p=4" title="Mountain Biking Rules">Mountain Biking Rules</a></li>
                                            <li><a href="http://localhost/explore_ca/?p=1" title="Hello world!">Hello world!</a></li>
                                            </ul>
                        </li><li id="archives-2" class="widget-container widget_archive"><h3 class="widget-title">Archives</h3>                    <select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;"> <option value="">Select Month</option>           <option value="http://localhost/explore_ca/?m=201008"> August 2010 </option>
    </select>
    </li><li id="categories-2" class="widget-container widget_categories"><h3 class="widget-title">Categories</h3>                    <ul>
              <li class="cat-item cat-item-1"><a href="http://localhost/explore_ca/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
    </li>
                        </ul>
    </li>                              </ul>-->
        </div>
        <!-- #primary .widget-area -->
      </div>
      <!-- #main -->
      <div id="footer" role="contentinfo">
    <div id="footerContent">
        <div id="footerMenu">
      <h3>Quick Nav</h3>
        <ul id="quickNav">
          <li><a href="../tours.htm" title="Explore our tours">Tours</a></li>
          <li><a href="../mission.htm" title="What we think">Mission</a></li>
          <li><a href="../contact.htm" title="Contact and support">Contact</a></li>
          <li><a href="../resources.htm" title="Guidance and planning">Resources</a></li>
          <li><a href="../explorers.htm" title="Join our community">Explorers</a></li>
        </ul>
    </div>
      <div id="footerBody">
      <div id="footerMidCol">
          <h3><a href="../resources/faq.htm">FAQ</a></h3>
          <p>Find out more about our tours</p>
          <h3><a href="../contact/support.htm">Support</a></h3>
          <p>Need help? It's just a click away!</p>
          <h3><a href="../resources/legal.htm">Legal Disclaimer</a></h3>
        </div>
        <div id="footerRightCol">
          <h1>Explore California</h1>
          <p>5605 Nota Street<br />
            Ventura, CA 93003</p>
          <p class="phone">866.555.4310</p>
        </div>
        </div>
    </div>
              <p class="support clearBoth">Explore California &copy; 2010 All Rights Reserved
              </p>
    </div>
      <!-- #footer -->
    </div>
    <!-- #wrapper -->
    </body>
    </html>
    And here is the related css with reset code
    Theme Name: Explore California
    Theme URI: http://explorecalifornia.org/
    Description: A new theme.
    Author: Joe Lowery for Lynda.com
    Version: 1.0
    Tags: Western
    /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
              background: transparent;
              border: 0;
              margin: 0;
              padding: 0;
              vertical-align: baseline;
    body {
              line-height: 1;
    h1, h2, h3, h4, h5, h6 {
              clear: both;
              font-weight: normal;
    ol, ul {
              list-style: none;
    blockquote {
              quotes: none;
    blockquote:before, blockquote:after {
              content: '';
              content: none;
    del {
              text-decoration: line-through;
    /* tables still need 'cellspacing="0"' in the markup */
    table {
              border-collapse: collapse;
              border-spacing: 0;
    a img {
              border: none;
    /* =Layout
    LAYOUT: Two columns
    DESCRIPTION: Two-column fixed layout with one sidebar right of content
    #container {
              float: right;
              margin: 0 -260px 0 0;
              width: 100%;
    #content {
              margin: 0 280px 0 20px;
    #primary,
    #secondary {
              float: left;
              overflow: hidden;
              width: 250px;
    #secondary {
              clear: right;
    #footer {
              clear: both;
              width: 100%;
    LAYOUT: One column, no sidebar
    DESCRIPTION: One centered column with no sidebar
    .one-column #content {
              margin: 0 auto;
              width: 640px;
    LAYOUT: Full width, no sidebar
    DESCRIPTION: Full width content with no sidebar; used for attachment pages
    .single-attachment #content {
              margin: 0 auto;
              width: 900px;
    /* =Fonts
    body,
    input,
    textarea,
    .page-title span,
    .pingback a.url {
              font-family: Georgia, "Bitstream Charter", serif;
    h3#comments-title,
    h3#reply-title,
    #access .menu,
    #access div.menu ul,
    #cancel-comment-reply-link,
    .form-allowed-tags,
    #site-info,
    #site-title,
    #wp-calendar,
    .comment-meta,
    .comment-body tr th,
    .comment-body thead th,
    .entry-content label,
    .entry-content tr th,
    .entry-content thead th,
    .entry-meta,
    .entry-title,
    .entry-utility,
    #respond label,
    .navigation,
    .page-title,
    .pingback p,
    .reply,
    .widget-title,
    .wp-caption-text,
    input[type=submit] {
              font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    pre {
              font-family: "Courier 10 Pitch", Courier, monospace;
    code {
              font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    /* =Structure
    /* The main theme structure */
    #access .menu-header,
    div.menu,
    #colophon,
    #branding,
    #main,
    #wrapper {
              margin: 0 auto;
              width: 930px;
    #wrapper {
              background: #fff;
              margin-top: 25px;
              padding: 0;
    /* Structure the footer area */
    #footer-widget-area {
              overflow: hidden;
    #footer-widget-area .widget-area {
              float: left;
              margin-right: 20px;
              width: 220px;
    #footer-widget-area #fourth {
              margin-right: 0;
    #site-info {
              float: left;
              font-size: 14px;
              font-weight: bold;
              width: 700px;
    #site-generator {
              float: right;
              width: 220px;
    /* =Global Elements
    /* Main global 'theme' and typographic styles */
    body {
              background: #e1d8b9 url(images/page_background.jpg) repeat-x left top;
    body,
    input,
    textarea {
              color: #666;
              font-size: 12px;
              line-height: 18px;
    hr {
              background-color: #e7e7e7;
              border: 0;
              clear: both;
              height: 1px;
              margin-bottom: 18px;
    /* Text elements */
    p {
              margin-bottom: 18px;
    ul {
              list-style: square;
              margin: 0 0 18px 1.5em;
    ol {
              list-style: decimal;
              margin: 0 0 18px 1.5em;
    ol ol {
              list-style: upper-alpha;
    ol ol ol {
              list-style: lower-roman;
    ol ol ol ol {
              list-style: lower-alpha;
    ul ul,
    ol ol,
    ul ol,
    ol ul {
              margin-bottom: 0;
    dl {
              margin: 0 0 24px 0;
    dt {
              font-weight: bold;
    dd {
              margin-bottom: 18px;
    strong {
              font-weight: bold;
    cite,
    em,
    i {
              font-style: italic;
    big {
              font-size: 131.25%;
    ins {
              background: #ffc;
              text-decoration: none;
    blockquote {
              font-style: italic;
              padding: 0 3em;
    blockquote cite,
    blockquote em,
    blockquote i {
              font-style: normal;
    pre {
              background: #f7f7f7;
              color: #222;
              line-height: 18px;
              margin-bottom: 18px;
              padding: 1.5em;
    abbr,
    acronym {
              border-bottom: 1px dotted #666;
              cursor: help;
    sup,
    sub {
              height: 0;
              line-height: 1;
              position: relative;
              vertical-align: baseline;
    sup {
              bottom: 1ex;
    sub {
              top: .5ex;
    input[type="text"],
    textarea {
              background: #f9f9f9;
              border: 1px solid #ccc;
              box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
              -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
              -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
              padding: 2px;
    a:link {
              color: #0066cc;
    a:visited {
              color: #743399;
    a:active,
    a:hover {
              color: #ff4b33;
    /* Text meant only for screen readers */
    .screen-reader-text {
              position: absolute;
              left: -9000px;
    /* =Header
    #header {
              padding: 30px 0 0;
              background: url(images/blog_banner.jpg) no-repeat;
              height: 187px;
              position: relative;
    #masthead {
              position: absolute;
              left: 42px;
              top: -20px;
    #site-title {
              float: left;
              font-size: 30px;
              line-height: 36px;
              margin: 0 0 18px 0;
              width: 700px;
    #site-title a {
              color: #000;
              font-weight: bold;
              text-decoration: none;
    #site-description {
              clear: right;
              float: right;
              font-style: italic;
              margin: 14px 0 18px 0;
              width: 220px;
    /* This is the custom header image */
    #branding img {
              border-top: 4px solid #000;
              border-bottom: 1px solid #000;
              clear: both;
              display: block;
    /* =Menu
    #access {
              background: #000;
              display: block;
              float: left;
              margin: 0 auto;
              width: 940px;
    #access .menu-header,
    div.menu {
              font-size: 13px;
              margin-left: 12px;
              width: 928px;
    #access .menu-header ul,
    div.menu ul {
              list-style: none;
              margin: 0;
    #access .menu-header li,
    div.menu li {
              float: left;
              position: relative;
    #access a {
              color: #aaa;
              display: block;
              line-height: 38px;
              padding: 0 10px;
              text-decoration: none;
    #access ul ul {
              box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
              -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
              -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
              display: none;
              position: absolute;
              top: 38px;
              left: 0;
              float: left;
              width: 180px;
              z-index: 99999;
    #access ul ul li {
              min-width: 180px;
    #access ul ul ul {
              left: 100%;
              top: 0;
    #access ul ul a {
              background: #333;
              line-height: 1em;
              padding: 10px;
              width: 160px;
              height: auto;
    #access li:hover > a,
    #access ul ul :hover > a {
              background: #333;
              color: #fff;
    #access ul li:hover > ul {
              display: block;
    #access ul li.current_page_item > a,
    #access ul li.current-menu-ancestor > a,
    #access ul li.current-menu-item > a,
    #access ul li.current-menu-parent > a {
              color: #fff;
    * html #access ul li.current_page_item a,
    * html #access ul li.current-menu-ancestor a,
    * html #access ul li.current-menu-item a,
    * html #access ul li.current-menu-parent a,
    * html #access ul li a:hover {
              color: #fff;
    /* =Content
    #main {
              clear: both;
              overflow: hidden;
              padding: 40px 0 0 0;
    #content {
              margin-bottom: 36px;
    #content,
    #content input,
    #content textarea {
              color: #333;
              font-size: 16px;
              line-height: 24px;
    #content p,
    #content ul,
    #content ol,
    #content dd,
    #content pre,
    #content hr {
              margin-bottom: 24px;
    #content ul ul,
    #content ol ol,
    #content ul ol,
    #content ol ul {
              margin-bottom: 0;
    #content pre,
    #content kbd,
    #content tt,
    #content var {
              font-size: 15px;
              line-height: 21px;
    #content code {
              font-size: 13px;
    #content dt,
    #content th {
              color: #000;
    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6 {
              color: #000;
              line-height: 1.5em;
              margin: 0 0 20px 0;
    #content table {
              border: 1px solid #e7e7e7;
              margin: 0 -1px 24px 0;
              text-align: left;
              width: 100%;
    #content tr th,
    #content thead th {
              color: #888;
              font-size: 12px;
              font-weight: bold;
              line-height: 18px;
              padding: 9px 24px;
    #content tr td {
              border-top: 1px solid #e7e7e7;
              padding: 6px 24px;
    #content tr.odd td {
              background: #f2f7fc;
    .hentry {
              margin: 0 0 48px 0;
    .home .sticky {
              background: #f2f7fc;
              border-top: 4px solid #000;
              margin-left: -20px;
              margin-right: -20px;
              padding: 18px 20px;
    .single .hentry {
              margin: 0 0 36px 0;
    .page-title {
              color: #000;
              font-size: 14px;
              font-weight: bold;
              margin: 0 0 36px 0;
    .page-title span {
              color: #333;
              font-size: 16px;
              font-style: italic;
              font-weight: normal;
    .page-title a:link,
    .page-title a:visited {
              color: #888;
              text-decoration: none;
    .page-title a:active,
    .page-title a:hover {
              color: #ff4b33;
    #content .entry-title {
              color: #000;
              font-size: 21px;
              font-weight: bold;
              line-height: 1.3em;
              margin-bottom: 0;
    .entry-title a:link,
    .entry-title a:visited {
              color: #000;
              text-decoration: none;
    .entry-title a:active,
    .entry-title a:hover {
              color: #ff4b33;
    .entry-meta {
              color: #888;
              font-size: 12px;
    .entry-meta abbr,
    .entry-utility abbr {
              border: none;
    .entry-meta abbr:hover,
    .entry-utility abbr:hover {
              border-bottom: 1px dotted #666;
    .entry-content,
    .entry-summary {
              clear: both;
              padding: 12px 0 0 0;
    #content .entry-summary p:last-child {
              margin-bottom: 12px;
    .entry-content fieldset {
              border: 1px solid #e7e7e7;
              margin: 0 0 24px 0;
              padding: 24px;
    .entry-content fieldset legend {
              background: #fff;
              color: #000;
              font-weight: bold;
              padding: 0 24px;
    .entry-content input {
              margin: 0 0 24px 0;
    .entry-content input.file,
    .entry-content input.button {
              margin-right: 24px;
    .entry-content label {
              color: #888;
              font-size: 12px;
    .entry-content select {
              margin: 0 0 24px 0;
    .entry-content sup,
    .entry-content sub {
              font-size: 10px;
    .entry-content blockquote.left {
              float: left;
              margin-left: 0;
              margin-right: 24px;
              text-align: right;
              width: 33%;
    .entry-content blockquote.right {
              float: right;
              margin-left: 24px;
              margin-right: 0;
              text-align: left;
              width: 33%;
    .page-link {
              color: #000;
              font-weight: bold;
              margin: 0 0 22px 0;
              word-spacing: 0.5em;
    .page-link a:link,
    .page-link a:visited {
              background: #f1f1f1;
              color: #333;
              font-weight: normal;
              padding: 0.5em 0.75em;
              text-decoration: none;
    .home .sticky .page-link a {
              background: #d9e8f7;
    .page-link a:active,
    .page-link a:hover {
              color: #ff4b33;
    body.page .edit-link {
              clear: both;
              display: block;
    #entry-author-info {
              background: #f2f7fc;
              border-top: 4px solid #000;
              clear: both;
              font-size: 14px;
              line-height: 20px;
              margin: 24px 0;
              overflow: hidden;
              padding: 18px 20px;
    #entry-author-info #author-avatar {
              background: #fff;
              border: 1px solid #e7e7e7;
              float: left;
              height: 60px;
              margin: 0 -104px 0 0;
              padding: 11px;
    #entry-author-info #author-description {
              float: left;
              margin: 0 0 0 104px;
    #entry-author-info h2 {
              color: #000;
              font-size: 100%;
              font-weight: bold;
              margin-bottom: 0;
    .entry-utility {
              clear: both;
              color: #888;
              font-size: 12px;
              line-height: 18px;
    .entry-meta a,
    .entry-utility a {
              color: #888;
    .entry-meta a:hover,
    .entry-utility a:hover {
              color: #ff4b33;
    #content .video-player {
              padding: 0;
    /* =Asides
    .home #content .category-asides p {
              font-size: 14px;
              line-height: 20px;
              margin-bottom: 10px;
              margin-top: 0;
    .home .hentry.category-asides {
              padding: 0;
    .home #content .category-asides .entry-content {
              padding-top: 0;
    /* =Gallery listing
    .category-gallery .size-thumbnail img {
              border: 10px solid #f1f1f1;
              margin-bottom: 0;
    .category-gallery .gallery-thumb {
              float: left;
              margin-right: 20px;
              margin-top: -4px;
    .home #content .category-gallery .entry-utility {
              padding-top: 4px;
    /* =Attachment pages
    .attachment .entry-content .entry-caption {
              font-size: 140%;
              margin-top: 24px;
    .attachment .entry-content .nav-previous a:before {
              content: '\2190\00a0';
    .attachment .entry-content .nav-next a:after {
              content: '\00a0\2192';
    /* =Images
    #content img {
              margin: 0;
              height: auto;
              max-width: 640px;
              width: auto;
    #content .attachment img {
              max-width: 900px;
    #content .alignleft,
    #content img.alignleft {
              display: inline;
              float: left;
              margin-right: 24px;
              margin-top: 4px;
    #content .alignright,
    #content img.alignright {
              display: inline;
              float: right;
              margin-left: 24px;
              margin-top: 4px;
    #content .aligncenter,
    #content img.aligncenter {
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;
    #content img.alignleft,
    #content img.alignright,
    #content img.aligncenter {
              margin-bottom: 12px;
    #content .wp-caption {
              background: #f1f1f1;
              line-height: 18px;
              margin-bottom: 20px;
              padding: 4px;
              text-align: center;
    #content .wp-caption img {
              margin: 5px 5px 0;
    #content .wp-caption p.wp-caption-text {
              color: #888;
              font-size: 12px;
              margin: 5px;
    #content .wp-smiley {
              margin: 0;
    #content .gallery {
              margin: 0 auto 18px;
    #content .gallery .gallery-item {
              float: left;
              margin-top: 0;
              text-align: center;
              width: 33%;
    #content .gallery img {
              border: 2px solid #cfcfcf;
    #content .gallery .gallery-caption {
              color: #888;
              font-size: 12px;
              margin: 0 0 12px;
    #content .gallery dl {
              margin: 0;
    #content .gallery img {
              border: 10px solid #f1f1f1;
    #content .gallery br+br {
              display: none;
    #content .attachment img { /* single attachment images should be centered */
              display: block;
              margin: 0 auto;
    /* =Navigation
    .navigation {
              color: #888;
              font-size: 12px;
              line-height: 18px;
              overflow: hidden;
    .navigation a:link,
    .navigation a:visited {
              color: #888;
              text-decoration: none;
    .navigation a:active,
    .navigation a:hover {
              color: #ff4b33;
    .nav-previous {
              float: left;
              width: 50%;
    .nav-next {
              float: right;
              text-align: right;
              width: 50%;
    #nav-above {
              margin: 0 0 18px 0;
    #nav-above {
              display: none;
    .paged #nav-above,
    .single #nav-above {
              display: block;
    #nav-below {
              margin: -18px 0 0 0;
    /* =Comments
    #comments {
              clear: both;
    #comments .navigation {
              padding: 0 0 18px 0;
    h3#comments-title,
    h3#reply-title {
              color: #000;
              font-size: 20px;
              font-weight: bold;
              margin-bottom: 0;
    h3#comments-title {
              padding: 24px 0;
    .commentlist {
              list-style: none;
              margin: 0;
    .commentlist li.comment {
              border-bottom: 1px solid #e7e7e7;
              line-height: 24px;
              margin: 0 0 24px 0;
              padding: 0 0 0 56px;
              position: relative;
    .commentlist li:last-child {
              border-bottom: none;
              margin-bottom: 0;
    #comments .comment-body ul,
    #comments .comment-body ol {
              margin-bottom: 18px;
    #comments .comment-body p:last-child {
              margin-bottom: 6px;
    #comments .comment-body blockquote p:last-child {
              margin-bottom: 24px;
    .commentlist ol {
              list-style: decimal;
    .commentlist .avatar {
              position: absolute;
              top: 4px;
              left: 0;
    .comment-author {
    .comment-author cite {
              color: #000;
              font-style: normal;
              font-weight: bold;
    .comment-author .says {
              font-style: italic;
    .comment-meta {
              font-size: 12px;
              margin: 0 0 18px 0;
    .comment-meta a:link,
    .comment-meta a:visited {
              color: #888;
              text-decoration: none;
    .comment-meta a:active,
    .comment-meta a:hover {
              color: #ff4b33;
    .commentlist .even {
    .commentlist .bypostauthor {
    .reply {
              font-size: 12px;
              padding: 0 0 24px 0;
    .reply a,
    a.comment-edit-link {
              color: #888;
    .reply a:hover,
    a.comment-edit-link:hover {
              color: #ff4b33;
    .commentlist .children {
              list-style: none;
              margin: 0;
    .commentlist .children li {
              border: none;
              margin: 0;
    .nopassword,
    .nocomments {
              display: none;
    #comments .pingback {
              border-bottom: 1px solid #e7e7e7;
              margin-bottom: 18px;
              padding-bottom: 18px;
    .commentlist li.comment+li.pingback {
              margin-top: -6px;
    #comments .pingback p {
              color: #888;
              display: block;
              font-size: 12px;
              line-height: 18px;
              margin: 0;
    #comments .pingback .url {
              font-size: 13px;
              font-style: italic;
    /* Comments form */
    input[type=submit] {
              color: #333;
    #respond {
              border-top: 1px solid #e7e7e7;
              margin: 24px 0;
              overflow: hidden;
              position: relative;
    #respond p {
              margin: 0;
    #respond .comment-notes {
              margin-bottom: 1em;
    .form-allowed-tags {
              line-height: 1em;
    .children #respond {
              margin: 0 48px 0 0;
    h3#reply-title {
              margin: 18px 0;
    #comments-list #respond {
              margin: 0 0 18px 0;
    #comments-list ul #respond {
              margin: 0;
    #cancel-comment-reply-link {
              font-size: 12px;
              font-weight: normal;
              line-height: 18px;
    #respond .required {
              color: #ff4b33;
              font-weight: bold;
    #respond label {
              color: #888;
              font-size: 12px;
    #respond input {
              margin: 0 0 9px;
              width: 98%;
    #respond textarea {
              width: 98%;
    #respond .form-allowed-tags {
              color: #888;
              font-size: 12px;
              line-height: 18px;
    #respond .form-allowed-tags code {
              font-size: 11px;
    #respond .form-submit {
              margin: 12px 0;
    #respond .form-submit input {
              font-size: 14px;
              width: auto;
    /* =Widget Areas
    .widget-area ul {
              list-style: none;
              margin-left: 0;
    .widget-area ul ul {
              list-style: square;
              margin-left: 1.3em;
    .widget_search #s {/* This keeps the search inputs in line */
              width: 60%;
    .widget_search label {
              display: none;
    .widget-container {
              margin: 0 0 18px 45px;
    .widget-title {
              color: #3B6B91;
              font-weight: bold;
    .widget-area a:link,
    .widget-area a:visited {
              text-decoration: none;
    .widget-area a:active,
    .widget-area a:hover {
              text-decoration: underline;
    .widget-area .entry-meta {
              font-size: 11px;
    #wp_tag_cloud div {
              line-height: 1.6em;
    #wp-calendar {
              width: 100%;
    #wp-calendar caption {
              color: #222;
              font-size: 14px;
              font-weight: bold;
              padding-bottom: 4px;
              text-align: left;
    #wp-calendar thead {
              font-size: 11px;
    #wp-calendar thead th {
    #wp-calendar tbody {
              color: #aaa;
    #wp-calendar tbody td {
              background: #f5f5f5;
              border: 1px solid #fff;
              padding: 3px 0 2px;
              text-align: center;
    #wp-calendar tbody .pad {
              background: none;
    #wp-calendar tfoot #next {
              text-align: right;
    .widget_rss a.rsswidget {
              color: #000;
    .widget_rss a.rsswidget:hover {
              color: #ff4b33;
    .widget_rss .widget-title img {
              width: 11px;
              height: 11px;
    /* Main sidebars */
    #main .widget-area ul {
              margin-left: 0;
              padding: 0 20px 0 0;
    #main .widget-area ul ul {
              border: none;
              margin-left: 1.3em;
              padding: 0;
    #primary {
    #secondary {
    /* Footer widget areas */
    #footer-widget-area {
    /* =Footer
    #footer {
              margin-bottom: 20px;
              background: url(images/footer_back.gif) no-repeat center top;
              height: 600px;
    #colophon {
              overflow: hidden;
              padding: 45px 0;
              font-weight: bold;
              color: #FFF;
              text-align: center;
    #site-info {
              font-weight: bold;
    #site-info a {
              color: #000;
              text-decoration: none;
    #site-generator {
              font-style: italic;
              position: relative;
    #site-generator a {
              background: url(images/wordpress.png) center left no-repeat;
              color: #666;
              display: inline-block;
              line-height: 16px;
              padding-left: 20px;
              text-decoration: none;
    #site-generator a:hover {
              text-decoration: underline;
    img#wpstats {
              display: block;
              margin: 0 auto 10px;
    /* =Mobile Safari ( iPad, iPhone and iPod Touch )
    pre {
              -webkit-text-size-adjust: 140%;
    code {
              -webkit-text-size-adjust: 160%;
    #access,
    .entry-meta,
    .entry-utility,
    .navigation,
    .widget-area {
              -webkit-text-size-adjust: 120%;
    #site-description {
              -webkit-text-size-adjust: none;
    /* =Print Style
    @media print {
              body {
                        background: none !important;
              #wrapper {
                        clear: both !important;
                        display: block !important;
                        float: none !important;
                        position: relative !important;
              #header {
                        border-bottom: 2pt solid #000;
                        padding-bottom: 18pt;
              #colophon {
                        border-top: 2pt solid #000;
              #site-title,
              #site-description {
                        float: none;
                        line-height: 1.4em;
                        margin: 0;
                        padding: 0;
              #site-title {
                        font-size: 13pt;
              .entry-content {
                        font-size: 14pt;
                        line-height: 1.6em;
              .entry-title {
                        font-size: 21pt;
              #access,
              #branding img,
              #respond,
              .comment-edit-link,
              .edit-link,
              .navigation,
              .page-link,
              .widget-area {
                        display: none !important;
              #container,
              #header,
              #footer {
                        margin: 0;
                        width: 100%;
              #content,
              .one-column #content {
                        margin: 24pt 0 0;
                        width: 100%;
              .wp-caption p {
                        font-size: 11pt;
              #site-info,
              #site-generator {
                        float: none;
                        width: auto;
              #colophon {
                        width: auto;
              img#wpstats {
                        display: none;
              #site-generator a {
                        margin: 0;
                        padding: 0;
              #entry-author-info {
                        border: 1px solid #e7e7e7;
              #main {
                        display: inline;
              .home .sticky {
                        border: none;
    /* -------- sidebar region --------*/
    #sidebar .sidebarContent {
              padding-left: 45px;
    /* base navigation */
    ul#baseNav {
              float: left;
              list-style: none;
              margin:0;
              padding:0;
              margin-bottom: 30px;
    ul#baseNav li {
              margin: 0;
              padding: 0;
    ul#baseNav li a{
              display: block;
              width: 272px;
              height: 70px;
              text-indent: -1000em;
    ul#baseNav li a.tours {
              background: url(images/tours_main.gif) no-repeat left top;
    ul#baseNav li a.mission{
              background: url(images/mission_main.gif) no-repeat left top;
    ul#baseNav li a.contact {
              background: url(images/contact_main.gif) no-repeat left top;
    ul#baseNav li a.resources {
              background: url(images/resource_main.gif) no-repeat left top;
    ul#baseNav li a.explorers {
              background: url(images/explorers_main.gif) no-repeat left top;
    ul#baseNav li a.current, ul#baseNav li a.current:hover {
              background-position: right top;
              border: none;
              cursor: default;
    ul#baseNav li a:hover {
              background-position: -272px 0;
              border: none;
    /* ------- footer region ------- */
    #footer h1 {
              padding: 0;
    #footer h3 {
              font: normal 1.3em Arial, Helvetica, sans-serif;
              color: #fff;
              margin-bottom: 0.5em;
              letter-spacing: 0.1em;
              margin-top: 0px;
    #footer p{
              font: normal 1em Georgia, "Times New Roman", Times, serif;
              color: #fff;
    #footer p.support {
              font-size: 0.8em;
              text-align: center;
              padding-top: 250px;
    #footer p.support a{
              color: #147;
    #footer p.support a:hover{
              color: #147;
              border-bottom: 1px dashed #147;
              text-decoration:none;
    #footer ul#quickNav {
              list-style: none;
              margin: 0;
              padding: 0;
    #footer ul#quickNav li {
              margin: 0 0 .5em 0;
              padding: 0 ;
    #footer ul#quickNav li a{
              text-decoration: none;
              color: #fff;
              font-size: 1em;
              font-family: Georgia, "Times New Roman", Times, serif;
    #footer ul#quickNav li a:hover {
              color: #193742;
              border-bottom-color: #193742;
    #footer #footerMenu {
              float: left;
              width: 230px;
    #footer #footerBody {
              float: right;
              width: 540px;
    #footer #footerBody a {
              text-decoration: none;
              color: #fff;
    #footer #footerBody a:hover {
              color: #193742;
              border-bottom-color: #193742;
    #footer #footerBody #footerMidCol {
              float: left;
              width: 270px;
    #footer #footerBody #footerMidCol p {
              margin-bottom: 2em;
    #footer #footerBody #footerRightCol {
              float: right;
              width: 270px;
    #footer #footerBody #footerRightCol h1{
              font: bold 1.6em Georgia, "Times New Roman", Times, serif;
              color: #fff;
              letter-spacing:.1em;
              text-align:right;
              margin-bottom: .25em;
    #footer #footerBody #footerRightCol p{
              color: #fff;
              letter-spacing:.1em;
              line-height: 1.2;
              text-align:right;
              margin-bottom: 1em;
    #footer #footerBody #footerRightCol p.phone{
              font: bold 1.6em Georgia, "Times New Roman", Times, serif;
              color: #fff;
              letter-spacing:.1em;
    /* Page template rules */
    #templateID h1 {
              text-align: center;
              font: 4em "Trebuchet MS", Arial, Helvetica, sans-serif;
    #footer #footerContent {
              padding: 45px 30px 0px;
              overflow: hidden;

  • What is it about this markup that breaks DW CS3 Design View Editing?

    Folks:
    I'm attaching very simple --and apparently completely valid-- markup that generates the text shown between the markers below:
    ------------start----------------
    yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda badda.
    ------------end----------------
    As you can see by examining the file, it contains only an span enclosing text and spaces, and some following breaks.  This file passes DW validation: no errors or warnings.
    If I open this file in DW CS3 Design View, select and delete the last word, "badda", the entire text --every "yadda"--  is also deleted.  All that text is really gone -- if I immediately save the file and re-open it, there is no text content at all, just the span pair,  spaces, and the trailing breaks.  This is completely repeatable.
    When you edit this file, do you get the same result?
    The attached file is a cut-down, simplified version of a production file that exhibits this issue. (That file also passes validation.)   When I delete single  words,  entire content paragraphs disappear.   So this is not just a point of curiosity.  I need to figure out how to fix the production code and avoid this problem in the future.
    What is it about the attached markup that causes this issue?  I've fooled around with this code quite a bit and the best I can figure out is that DW is confused when both the start- and end- span tags are followed immediately by a line break.  Inserting a space in either place makes the issue go away.   But the production code doesn't have any occurances of this pattern. And, anyway, line-breaks have no significance to html, just for source-code formatting, right?
    Am I missing something incredibly obvious?
    TIA
    hen3ry

    Nancy O:
    Thank you for your response, which gave me  valuable clues to understanding the issues.   (Specifically, it led me to re-read and understand better the nitty-gritty of the HTML4 specs,  section 7, "The global structure of an HTML Document", especially 7.5.1 The BODY element.)
    I believe you are saying --in sum--  that to be reliably edited in DW, each source file must comprise a syntactically correct and complete HTML Document. 
    I am attaching a second file, "badcode2.html", modified substantially as you suggest.  It passes the DW validator, the validator.w3.org test, and the www.totalvalidator.com test.    No errors or warnings. 
    I do this:   Launch DW, open this file, choose Design View if necessary, select the final word of text, "badda", and activate Edit-->Cut (or Delete).   As before, all the other text is deleted as well. This is repeatable. 
    It seems to me this sample code satisfies your general principle.  Could I be misapplying the three validation tests?  Or that passing these tests does not assure the document  is syntactically correct and complete?   Can you recommend other tests? 
    I'd like to add the following two points as a matter of background and a bit of niggling: 
    --I'm aware  that complete HTML pages must contain <html> , <head>,  and <body> tags, although the HTML4 specification seems to say <body> tags are optional.   All my production pages, as served, contain these tags.   My underlying design is a php template with individual content files incorporated by inclusion.   There may be only one set of <html> , <head>,  and <body> in  a  page. The  "outer" template code provides these tags, and individual content files cannot contain a nested set -- so they must be "bare" markup.   Is DW able to support this design, in which "bare markup" files are seemingly unavoidable?    Is there a mechanism analogous to DW Design-Time Style Sheets to provide virtual existence of these tags so "bare markup" files can be successfully edited?  I've looked for such a mechanism but not found one.    Or some completely different method?   
    --You specify the inclusion of <p> or <h1> tags within the  body.    Is there some special significance of <p> or <h1>  with respect to stable editing in DW?  My reading of the HTML4 spec indicates that a single block element is the minimal requirement for body content. Either of these tags qualify, right?   But so does <div>, and that's what I use in my current example.    Am I misunderstanding something? 
    Bottom line,  I'm looking for a pragmatic solution for my problem:   Once in a while, among hundreds of  structurally similar "bare markup" pages I edit in DW without any problem,  I lose data.   If inserting an additional tag into all my content include files eliminates these occasional problems, I'm  willing to do that, as long as:  (1) There is an arguable technical basis for the addition,  (2) the added tag does not  produce anything visible on the served page, and (3) the validators don't flag the extra tag.     
    Suggestions, please! 
    Thanks, 
    hen3ry

  • DW CS3 Design View editing goes unstable, loses data

    MacOS 10.5.8 on  iMac, Intel Core 2 Duo
    The attached file ---bare html, no header or trailer-- passes the "Validate Current Document" and so presumably contains  completely valid HTML.  Besides that, it's really simple and short, a cut-down of a somewhat longer file I made for posting about this issue.
    I just restarted my Mac, opened DW, opened this file for edit in Design View, selected the final word in the second paragraph ("beyond") and deleted it.  The entire second paragraph disappeared. I immediately saved to another file, re-opened it,  and confirmed that the 2nd paragraph is, in fact, missing from the file.
    Using this code, do you reproduce this issue?
    Have you seen this kind of issue before?
    Fixes?  Suggestions?
    Note:  Yes, editing in Code View sidesteps this issue but that's an emergency workaround, not an acceptable alternative for production work.
    TIA,
    hen3ry

    MacOS 10.5.8 on  iMac, Intel Core 2 Duo
    The attached file ---bare html, no header or trailer-- passes the "Validate Current Document" and so presumably contains  completely valid HTML.  Besides that, it's really simple and short, a cut-down of a somewhat longer file I made for posting about this issue.
    I just restarted my Mac, opened DW, opened this file for edit in Design View, selected the final word in the second paragraph ("beyond") and deleted it.  The entire second paragraph disappeared. I immediately saved to another file, re-opened it,  and confirmed that the 2nd paragraph is, in fact, missing from the file.
    Using this code, do you reproduce this issue?
    Have you seen this kind of issue before?
    Fixes?  Suggestions?
    Note:  Yes, editing in Code View sidesteps this issue but that's an emergency workaround, not an acceptable alternative for production work.
    TIA,
    hen3ry

  • CS6 Design view not rendering styles, tried typical fixes already

    I'm using Dreamweaver CS6 on Windows 7. I hand code everything but like to look in design view from time to time. Everything was working fine until a couple days ago it stopped rendering my css styles and now looks like this (see first image), but an actual preview in the browser looks fine. Under the style rendering menu screen media and display styles ARE currently checked. I have tried turning them off and then back on. I have tried deleting preferences from the registry. My files are linked to a template, I have tried removing the linked style sheet and then adding it again. Oddly I do see css styles in the preview of the actual template file but not the linked files. Any suggestions on what else I can try?

    Most likely code related.  Assuming your Template.dwt is correctly located inside the Templates folder in your site's root, and your site is properly defined, and the style sheet file is in another folder called Styles,  the expected path in your Template.dwt file would be this with leading dots and slash.
    Template.dwt
    <link rel="stylesheet" type="text/css" href="../Styles/stylesheet.css">
    And the child page spawned from that Template and saved to your site root would contain this link path with no leading dots or slash.
    childpage.html
    <link rel="stylesheet" type="text/css" href="Styles/stylesheet.css">
    It goes without saying that DW doesn't adjust link paths for you unless a) your site is properly defined and b) you've saved your child page and named it.
    Hope this helps,
    Nancy O.

  • Design view editing headache

    Whenever I edit a long webpage in design view, the edit
    causes a jump to the top of the page. It is extremely annoying to
    continually have to scroll down to the edit point each time an edit
    is made. Is there some solution to this?

    Which DW are you using? This has been a long-term issue with
    DW, which
    improves very slightly with each release. It's modestly
    better in DWCS3
    than in DW8, but still far from perfect. The best bet is to
    try not to
    build LONG pages! 8)
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "CrimeDoctor" <[email protected]> wrote in message
    news:f15630$5jc$[email protected]..
    > Whenever I edit a long webpage in design view, the edit
    causes a jump to
    > the
    > top of the page. It is extremely annoying to continually
    have to scroll
    > down to
    > the edit point each time an edit is made. Is there some
    solution to this?
    >

  • CS6 - add non-editable region inside editable template region?

    I have the following in a template:
        <div class="main-content">
    <!-- TemplateBeginEditable name="main-content" -->
          <div class="content p7ehc-1"> <!-- from projectseven.com; don't change -->
            <h1 class="page-topper">Enter topic here</h1>
            <p>Enter content here</p>
          </div>
        <!-- TemplateEndEditable -->
       </div>
    Right now everything in main-content is editable. I'd like to add "Page last revised - " at the bottom of the page which would be non-editable. An editable date would follow.
    I already have a number of pages with content so any solution should not destroy the content of those pages. (If needed I'd be willing to manually add "Page last revised -" to each of those pages. However, I'd want this to be automatically added for any new pages that were based on the template.)
    I have tried putting "Page last revised -" in another div and making it non-editable but this creates other layout problems. I currently don't want to explore this option further.
    Thanks for any suggestions.

    You could always drop a server-side include or even a Dreamweaver Library item into that editable region (the latter method is a poor second choice, though). Is that a reasonable solution?
    Failing that, manually adding Ben's code both to the existing child pages and the current template will definitely place that code into newly created child pages. The beauty of his suggestion is that it's self maintaining, meaning that the code will always show the proper date on each page.

  • Quickie: Design view not working

    Hi all,
    Not sure why, but design view (non-live) just shows a grey panel, or white if I focus on it.
    If I turn Live View on, I can see everything but not edit it obviously. Split code/design doesn't work unless Live View is turned on.
    No idea why this is, I'm an occassional user of DW (CS6 Win7). This is a site which I've created, edited and published before all on the same workstation.
    Thanks in advance,
    Simon.

    First, validate your HTML and CSS code.  Fix any reported errors.  CS6 Design View is much less forgiving of coding errors than earlier versions were.  A blank screen can be caused by missing semi-colons in your CSS, orphaned <div> tags, etc..
    Code Validation Tools
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    If after cleaning your code you still have problems, upload your page and supporting files to your web server, come back here and post the URL so we can take a look at it.
    Nancy O.

  • Is there any way to display the Design View in fluid grid pages?

    After upgrading to the newest version of DW CC 2014, I noticed that the Design View is disabled in Fluid Grid pages. You can only use the Live View to edit those pages. The Design/Live button displays on non-fluid pages.
    I'm wondering if there is a work-around to allow Design View editing on fluid pages. It is a major hassle to try to edit some things in the Live View. It would nice to have a choice.

    Have you actually tried using is? Try this?
    1) Create a new Responsive Layout. We’ll call it demo.php, fluid.css and the usual accompanying DW files.
    2) Enter demo.php and progress is normal. Everything works. You can choose to view both Live and Display and edit accordingly.
    3) Close down DW.
    4) Open DW and open demo.php
    5) There is NO LONGER a Display View option and Live View does not EDIT. (at least it doesn't for me)
    6) I can ONLY edit work in CODE view.
    Thus, on brand new files, all is fine. The moment DW is closed and the files becomes “old” it can no longer be seen or edited properly.
    How am I supposed to provide support to clients? How can I access a Responsive site I built last week when Live View will not edit and Display will not display?
    I feel this is a programming error, not a purposeful act.

  • Design View - Can't Select Text, Only Divs

    This is a page I did not build, and I hope I can describe this properly. Here's the published page -
    www.wheeltime.com
    I'm in CS4 and there are two things going on when trying to edit in design view. The first is I can't select text of content. Clicking to select said content, say a line of text or a word, selects and highlights the entire div container and all the content within in one big chunk. Why is DW not letting me select the actual content? This is the first time I've enver encountered this issue. 
    This is the same for all the div ontainers on the page. But another, perhaps related problem, has to do with this content area. In design view, there's a fixed height, so not only can I not select the content, but I can't see it all. It's OK in the browser, expands as it should. I've looked at all the properties anywhere and don't see any height attribute anywhere, especially those that enclose this area of content.
    One this that has be wondering - this content area is warpped in a "main-content" div, with a class applied. But this div has no corresponding entry or properties in the style sheet. I can see where a div can be used that has no specific properies of it's own, but is it OK to not be mentioned at all in the style sheet? And can this affect what's going on in design view editing?
    So, I guess the question is - what is governing this inability to edit in Design view?  Thank you in advance!!

    Have you tried double clicking the content?
    I'm not sure what causes this exactly, but I downloaded your page and ran it in my DWCS4. It did the same thing until I double clicked the content of the divs. That allowed me to select it without issue from that point on.
    It may have something to do with the content being wrapped in <span> tags within each <div>.
    Onto your other question, your <div id="main-container"class="container"> is being affected by the .container class in your style.css file rather than a #main-container id.
    EDIT: HTML id's like <div id="main-content"> serve to identify elements for many purposes, not just css. There is no problem with giving an element an id simply for organizational purposes, though usually they are used as targets for javascripts, css or php scripting purposes.

  • Can't see/edit Editable Regions in Design view

    I am unable to see or edit Editable Regions in Design view in
    this template, or any pages created from it. Regions can be updated
    & saved in Code view only. Recently upgraded to CS3 from DW8/OS
    X 10.4.10. Have looked at other postings on this subject, but my
    code does not contain the overflow reference. The header is an
    include. Editable regions are body, sidebar, body2 and sidebar2.
    The library item at the bottom of the page also does not show up in
    the Design view. Please see attached code and advise.
    Many thanks!!!

    Hi,
    Yes I've had the disappearing animation problem. It shows in preview but not in design,
    I deleted and re-inserted it. That cured it - but for how long.
    This latest update has been a disaster for me.
    Regards
    David

  • Cannot See Content in Editable Region in Design View

    A have a couple of pages with content in an editable region of a template.  I needed to apply another template to some of the pages things were going along fine.  Then I came across a page, went to modify > templates > apply template to page and then selected my new template.  I now cannot see my content in the design view.  I can see the code for my content in the code view. I can see the content when I publish the page and view it in my browser.  I can even see the content when I open the page to edit in Contribute.
    Why in the world can I not see my content in design view?  I've tried a few other pages and they are now having this problem as well.  I like to work in split screen view and it makes it kind of difficult if I can't see the design view.

    Found it!  Started looking at the code to provide it and noticed an extraneous </tr> and </td>.  Removed and it was fixed!  Simple!  Guess I should have looked a little harder before running to the forum!
    Thanks for the assist!

  • CS4: Editable Region locked in design view - weird bug in CS4?

    Hi,
    I've the following issue to report: My template based webpages contain 3 editable regions. One of them (cText_m0) refuses editing in desgin view though it's editable (colored code) in code-view. Neither ALT+click nor doubleclick helps.
    URL of one of the pages afflicted: http://www.schule.suedtirol.it/Lasis/r3.htm
    The problem did not occur in DW-Versions minor to CS4.
    Is there an issue with the page or with DW CS4?
    Thanks for helping me.
    Regards
    Harald Angerer

    On Fri, 3 Apr 2009 09:29:57 +0000 (UTC), "Janine_Trumel"
    <[email protected]> wrote:
    > Sorry, I cant quite see why the first line of code is
    causing the problem.
    Regarding the XML declaration that Nancy suggested omitting,
    the XHTML
    specs suggest using the line, but it is not required if the
    page uses
    either UTF-8 or UTF-16 character encoding. See
    http://www.w3.org/TR/xhtml1/#strict
    where is says in part, "An XML
    declaration is not required in all XML documents; however
    XHTML document
    authors are strongly encouraged to use XML declarations in
    all their
    documents. Such a declaration is required when the character
    encoding of
    the document is other than the default UTF-8 or UTF-16 and no
    encoding was
    determined by a higher-level protocol."
    IE only pays attention to the DOCTYPE if it is the very first
    thing in the
    page. Put anything before the doctype and IE will drop to
    quirks mode.
    That's just an IE bug that you'll have to live with.
    Gary

  • CS6 Inserting table breaks editable region

    In DW CS6 I am building out a site based on one template with three editable regions. I generally work in split view building PHP-MySQL sites such as the current one, and I have been building template-driven sites in Dreamweaver since 1998; but this problem has me stumped. Everything works fine until I insert a table into one of the editable regions. That region immediately becomes non-editable in design view (but I can edit in code view). It doesn't matter how I insert the table -- whether I paste code from another page where the table is being delivered, whether I use the DW Insert Table function, or hand-code from scratch. The result is the same -- I can no longer place a cursor in that editable region, in any design window.
    I seem to remember from CS5 a similar situation with a workaround that included triple clicking somewhere, but I have not been able to find that in this forum or in my notes. Any suggestions?

    The issue exists both at home and at the office. There may be minor differences.  I am now at the office .
    Mac OSX ver. 10.9.4
    DW v. 12.0 Build 5861
    xxxxxxxxxxxxxx
    TEMPLATE CODE
    xxxxxxxxxxxxxxx
    <!doctype html>
    <html>
    <head>
    <meta id="p7PM3" name="viewport" content="width=device-width">
    <meta charset="utf-8">
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Advanced Reporting</title>
    <!-- TemplateEndEditable -->
    <link href="../3D/p7affinity/p7affinity-5.css" rel="stylesheet" type="text/css" media="all">
    <link href="../3D/p7affinity/p7mobius-animate.css" rel="stylesheet" type="text/css" media="all">
    <script type="text/javascript" src="../3D/p7ehc/p7EHCscripts.js"></script>
    <link href='http://fonts.googleapis.com/css?family=Federo' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Life+Savers' rel='stylesheet' type='text/css'>
    <link href="../3D/p7dmm/p7pm3/p7PM3-01.css" rel="stylesheet" type="text/css" media="all">
    <script type="text/javascript" src="../3D/p7dmm/p7pm3/p7PM3scripts.js"></script>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body>
    <div id="layout">
      <div id="logo">
        <?php include('../3D/includes/logo_content.php'); ?>
      </div>
      <div id="top-navigation">
        <?php include('../3D/includes/primarynav.php'); ?>
      </div>
    <div id="content"><!-- TemplateBeginEditable name="Action Call" -->
      <div class="column-content border-bottom colored-black"> Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant. </div>
    <!-- TemplateEndEditable -->
      <div class="affinity-row">
        <div class="affinity-column percent70 reverse-float">
          <div class="column-content border-left p7ehc-1"><!-- TemplateBeginEditable name="Main Section" -->
          <h1>Main section heading</h1>
          <p>Lorem ipsum dolor sit amet, </p>
          <h3>Coming up soon...</h3>
          <p>Lorem ipsum dolor sit amet, ne sea vocent </p>
          <!-- TemplateEndEditable --></div>
        </div>
        <div class="affinity-column percent30 reverse-float">
          <div class="column-content p7ehc-1"><!-- TemplateBeginEditable name="Sidebar" -->
          <p><img class="p7-animate zoom-out" src="../3D/art/mobius-art-04.jpg" width="520" height="713" alt=""></p>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque congue tristique eros. Nulla facilisi. Quisque sem mauris, ullamcorper ac, gravida id, mattis id, sapien. Nullam adipiscing enim dapibus felis.</p>
          <!-- TemplateEndEditable --></div>
        </div>
      </div>
    </div>
        <?php include('../3D/includes/footertext.php'); ?>
    </div>
    </body>
    </html>
    Will send child separately

  • Editable region but not in code view

    EDIT: While cooking dinner I thought that the computer "fixes" itself when it reboots what about Dreamweaver?  I closed DW down.  Reopened the app and voila.  I CAN edit that section in code view now.  It's weird but it appears to be working.  I'll repost if something is amiss again regarding this issue.  I'll leave the post up in case it's helpful to anyone else.  thanks.
    I have new pages made from a template.  I can only edit in design view NOT in code view.  I get the standard error of I'm trying to edit where I'm not allowed.  I've made templates many times but never had this problem (I don't think!).  Does someone have a tip or help for me?  In addition to this issue I was not able to change the title of the page until I added the editable region in the template for title line.  That's always been default editable before.  Thanks a lot. I'm using DW8.
    begining code from template:
    <!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" />
    <!-- TemplateBeginEditable name="title" --><title>Party Invitation Boutique</title>  <!-- TemplateEndEditable -->
    begining code from new pages:
    <!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"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="title" --><title>Baby Blue</title>  <!-- InstanceEndEditable -->
    -------------then further down on the page is the editable region-------------
    <!-- InstanceBeginEditable name="main_content" -->
    <div id="content_right">test only can type in design view. can't add div boxes
      even in this editable region. ugh. can't even type next this this text in the
      code view. </div>
    <!-- InstanceEndEditable -->

    Best thing you can do in the future is run your code through the validator if the editable region exists:
    http://validator.w3.org/
    If there are code errors with other tags on the page then it is possible DW is overlooking its own template code.  Unfortunately without seeing the whole page I cannot say this is definitely the case, but a likely possibility.

Maybe you are looking for

  • -2 unknown error when trying to access account

    I just saw this post, but it seems to be deleted for some odd reason.. I am having this error as well.. stinks.. Cannot log in to the store..

  • Query related to SAP

    I have a query relating to SAP, specifically when using the Create New Session button. In the past when using this button, it has always created a new SAP session with the window displaying the SAP Easy Access  User Menu... front end, with all my fav

  • Where do I find setup assistant in Mavericks?

    I did a clean istall with Mavericks and now time machine doesn't access any time prior to install. Possibly setup assistant will access this but I can't find it to launch it. Mid 2011 iMac 27" 8GB Ram OS X 10.9 external iomega HD 1 terabyte for Time

  • MS_SQL Shrinking Log Files.

    Hi Experts, We have checked the documentation which have been received from SAP (SBO_Customer portal), Based on the Early Watch Alert. AS per SAP requsition we have minimized the size of 'Test Database Log' file  through MS_SQL Management Studio.(Res

  • Firefox doesn't bring back the menu bar when toggling back from full screen view(F11)

    I have recently been using the full screen view (pressing F11). This works fine until I press F11 again to resume normal view when the menu bar does not appear. This means I cannot see the minimize / maximize / X buttons on the top right. Also, if th