This page illustrates two CSS display problems that the design view in CSS3 Dreamweaver V9 Build 3481 has. This page will display fine in FireFox, newer IE versions, and fairly close in older IE versions. However, DW does not display it correctly in the design view.

First, Notice that some of the "Right Submenu" items in the floated right nav is displaying below the defined line. This happens if that region contains template editable regions and/or ASP tags.

Second, the minimum height of this content section should be 600px as defined by the #mainContent CSS. (min-height: 600px; height: auto !important; height: 600px;) It appears that min-height is not working. Because the only way to have this display a 600px high area is to cut the css down to height: 600px;

 

[allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => G_Monroe [ip] => webforumsuser@m [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 1 [islastshown] => [isfirstshown] => 1 [attachments] => [allattachments] => ) -->

A Header that should be twice the normal font size

Some normal text

[allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => G_Monroe [ip] => webforumsuser@m [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 3 [islastshown] => [isfirstshown] => [attachments] => [allattachments] => ) -->

A Header that should be twice the normal font size

Some normal text

[allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => ThinkInk [ip] => webforumsuser@m [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 5 [islastshown] => 1 [isfirstshown] => [attachments] => [allattachments] => ) --> CS3 Contribute Editor CSS Display Errors - Macromedia Contribute General Discussion

CS3 Contribute Editor CSS Display Errors - Macromedia Contribute General Discussion

While re-designing our sites to be table-less and be more "skin-able" via CSS, I've found a couple of editor display bugs that make modern page layouts look bad in Contribute. In particular, float right divs with navigation items in them and no support for min-height. Attached is a DW template that illustrates this. Any suggestions on how to work around this bug? In addition, another minor bug (missing feature). which is not illustrated in the attached code, is that Contribute does not display JSP include files like Dreamweaver does. E.g.: you've got a line like: <% include file="sideNav.jsp" %> The ...

  1. #1

    Default CS3 Contribute Editor CSS Display Errors

    While re-designing our sites to be table-less and be more "skin-able" via CSS,
    I've found a couple of editor display bugs that make modern page layouts look
    bad in Contribute. In particular, float right divs with navigation items in
    them and no support for min-height. Attached is a DW template that illustrates
    this.

    Any suggestions on how to work around this bug?

    In addition, another minor bug (missing feature). which is not illustrated in
    the attached code, is that Contribute does not display JSP include files like
    Dreamweaver does. E.g.: you've got a line like:

    <% include file="sideNav.jsp" %>

    The contents of sideNav.jsp are not displayed in the editor. Hmm, is that
    because it's not considered a dependency when the edit copy is made?

    Here's a code to demo this.

    <!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; cht=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>CSS3 Dreamweaver V9 Build 3481 Style Display Errors #1</title>
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #002b70;
    padding: 0px;
    margin: 0px;
    }

    #header {
    height: 100px;
    }

    #mainNavBar {
    height: 18px;
    width: 100%;
    background-color: #002b70;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    clear: both;
    color: #FF0000;
    font-weight: bold;
    }

    #mainNavBar A,
    #mainNavBar A:visited,
    #mainNavBar A:active
    {
    color: #FF0000;
    text-decoration: none;
    }
    #mainNavBar A:hover
    {
    color: #CCCCCC;
    text-decoration: underline;
    }

    #mainNavBar #mainNavLeft { /* Left hand (main) menu section */
    float: left;
    margin: 0px;
    margin-left: 6px;
    border: 0px none;
    padding: 0px;
    }

    #mainNavBar #mainNavLeft ul {
    padding: 0px;
    margin: 0px;
    border: 0px none;
    font-weight: 600;
    font-size: 11px;
    }

    #mainNavBar #mainNavLeft li {
    float: left;
    display: block;
    list-style-type: none;
    text-decoration: none;
    padding: 1px 8px 0 8px;
    height: 16px; /* Nav width - tab border */
    }

    #mainNavBar #mainNavRight { /* Right hand (logoff, etc) menu section */
    float: right;
    margin-right: 6px;
    background-color: inherit;
    }

    #mainNavBar #mainNavRight ul {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font-weight: 600;
    font-size: 9px;
    }
    #mainNavBar #mainNavRight li {
    float: left;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 1px 0px 1px;
    list-style-type: none;
    }

    #mainContent {
    margin: 10px;
    padding: 0px;
    min-height: 600px; /* IE ignores */
    height: auto !important; /* older IE ignores important */
    height: 600px; /* older IE treats as min-height / newer IE uses
    important tag */
    border: 0px none;
    clear: both; /* Clear floats */
    }

    #footer {
    margin: 0px;
    padding: 10px;
    height: 15px;
    text-align: center;
    border: solid 1px #000000;
    clear: both; /* Clear floats */
    }
    .style1 {
    color: #FF0000;
    font-weight: bold;
    }
    -->
    </style>
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    </head>

    <body>
    <div id="header">
    </div>
    <div id="mainNavBar">
    <div id="mainNavLeft">
    <ul>
    <li><a href="javascript:alert('To do done!');">Home</a></li>
    <li><a href="javascript:alert('To do done!');">Section1</a></li>
    <li><a href="javascript:alert('To do done!');">Section2</a></li>
    </ul>
    </div>
    <div id="mainNavRight">
    <ul>
    <li><a href="javascript:alert('To do done!');">Right Submenu 1</a></li>
    <li>|</li>
    <li><a href="javascript:alert('To do done!');">Right Submenu 2</a></li>
    <li>|</li>
    <!-- TemplateBeginEditable name="Optional Right Nav Info" -->
    <li><a href="javascript:alert('To do done!');">Right Submenu 3</a></li>
    <li>|</li>
    <!-- TemplateEndEditable -->
    <li><a href="javascript:alert('To do done!');">Right Submenu 4</a></li>
    </ul>
    </div>
    </div>
    <div id="mainContent">
    <p>This page illustrates two CSS display problems that the design view in
    CSS3 Dreamweaver V9 Build 3481 has. This page will display fine in FireFox,
    newer IE versions, and fairly close in older IE versions. However, DW does not
    display it correctly in the design view.</p>
    <p>First, Notice that some of the &quot;<span class="style1">Right
    Submenu</span>&quot; items in the floated right nav is displaying below the
    defined line. This happens if that region contains template editable regions
    and/or ASP tags.</p>
    <p>Second, the minimum height of this content section should be 600px as
    defined by the #mainContent CSS. (min-height: 600px; height: auto !important;
    height: 600px;) It appears that min-height is not working. Because the only way
    to have this display a 600px high area is to cut the css down to height:
    600px;</p>
    <p>&nbsp;</p>
    </div>
    <div id="footer">Some footer text - which should be a minimum of 600px below
    the nav bar because of the min-height and height: auto CSS.</div>
    </body>
    </html>

    G_Monroe Guest

  2. #2

    Default Re: CS3 Contribute Editor CSS Display Errors

    My understanding was contribute uses IE engine...? We simply stoppped trying to load all the style sheets and only load ones for text editing for Contribute.
    lisa3711 Guest

  3. #3

    Default Re: CS3 Contribute Editor CSS Display Errors

    Another IMHO MAJOR bug in Contribute's (CS3 V4.1) is that it does not
    understand font sizes specified as ems so it seems to ignore them in Edit mode.
    E.g. the page like the one at the bottom of this posting, will display
    correctly in the browser of CS3. But in edit mode, the Header1 styled
    paragraph will not be 2x the normal text but just be bolded normal text. NOT
    GOOD for a WYSIWYG editor... (FYI - DreamWeaver displays this correctly).

    Am I missing something? Any hope that Adobe is working on getting
    Contribute's editor to display CSS styles properly or do we have to wait until
    CSS4?

    Sample page:

    <html>
    <header>
    <style type="text/css">
    <!--
    body { font-size: 1em; }
    .Header1 { font-size: 2em; font-weight: bold; margin: .67em 0; }
    -->
    </style>
    </header>
    <body>
    <p class="Header1">A Header that should be twice the normal font size</p>
    <p>Some normal text</p>
    </body>
    </html>

    G_Monroe Guest

  4. #4

    Default Re: CS3 Contribute Editor CSS Display Errors

    I've got a similar problem... (maybe)... where after publishing to the blog site, the formatting is lost.

    I'm using 4.1 for Mac.
    RiderAlberta Guest

  5. #5

    Default Re: CS3 Contribute Editor CSS Display Errors

    Maybe you can try using ems and set the font size in de body tag to 62.5%:

    <html>
    <header>
    <style type="text/css">
    <!--
    body { font-size: 62.5%; }
    .Header1 { font-size: 2em; font-weight: bold; margin: .67em 0; }
    -->
    </style>
    </header>
    <body>
    <p class="Header1">A Header that should be twice the normal font size</p>
    <p>Some normal text</p>
    </body>
    </html>

    ThinkInk Guest

Similar Threads

  1. Contribute v.3 with Flash v.9 gives errors
    By Sorin Nitzoy in forum Adobe Dreamweaver & Contribute
    Replies: 1
    Last Post: August 27th, 11:44 AM
  2. RSS Feed Editor in Contribute
    By PgUp in forum Adobe Dreamweaver & Contribute
    Replies: 1
    Last Post: October 21st, 08:44 AM
  3. Contribute 3.11 Errors
    By parees in forum Macromedia Contribute General Discussion
    Replies: 0
    Last Post: February 3rd, 03:18 AM
  4. Help with Contribute 3 errors
    By Andy stopshop in forum Macromedia Contribute General Discussion
    Replies: 2
    Last Post: December 20th, 05:00 PM
  5. how can I get errors to display in a browser?
    By Jswalter in forum PHP Development
    Replies: 2
    Last Post: August 3rd, 07:53 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •