Design View missaligned div tags location

I am using div tags to layout my webpage and the Design view
shows the wrong alignment. Check mektronix-net.campusbizcenter.com
for the page which seems to display correctly. I am also using CSS
for formating the webpage. Is DreamWeaver having a problem with
placing the div tags in Design view? Any help will be
appreciated.

The bracketed width is the actual width as a result of what
you have put in
the div and how you have styled it. The other width is the
width you *wish*
it would be.
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
==================
"april floyd" <[email protected]> wrote in message
news:esrgd1$jji$[email protected]..
> Why in the Design View do you see a width for a DIV and
also another width
> (greater) in brackets after it.

Similar Messages

JSF Design view broken, showing tags as blocks instead of preview

I'm using jDev Build JDEVADF_11.1.2.3.0_GENERIC_120914.0223.6276.1
but this has happened to me several times before with previous versions of jDev.
All of the sudden after restarting jDev the design view for all my jsf pages look broken, showing only tag blocks, and not the design view it was showing previously. Why is this? what happened?
The only fix I found on this forum was to remove the system directory (should be somewhere like: C:\Documents and Settings\yourUser\Application Data\JDeveloper\system11.1.1.3.37.56.60 ) and let jDev create a new one. But then I have to reconfigure everything again, which can be frustrating.
Can anyone explain what's going on here, and if there's a better way to fix my jDev when this happens?
Edited by: tnology on 14-Nov-2012 13:37

Thanks, so these are the messages I am getting in Design view, anyone know what it means? :
Nov 14, 2012 3:31:52 PM oracle.security.jps.util.JpsUtil disableAudit
INFO: JpsUtil: isAuditDisabled set to true
Nov 14, 2012 3:32:00 PM oracle.jdevimpl.webapp.faces.config.modelimpl.FacesConfigHandler setIsMetadataComplete
INFO: jar:file:/C:/Oracle/Middleware23/jdeveloper/jlib/bundleresolver.jar!/META-INF/faces-config.xml metadata-complete undefined (false)
Nov 14, 2012 3:32:02 PM oracle.bali.xml.share.WeakListenerManager addListener
WARNING: Tried to add listener that was already attached: listener=oracle.jdevimpl.webapp.grammar.DelegatingGrammarProvider$IdenticalGrammarEventPercolator@185d004source=oracle.jdevimpl.webapp.jsp.libraries.JspLibraryMetadataGrammarProvider@35b0c9
Nov 14, 2012 3:32:04 PM javax.faces.FactoryFinder$FactoryManager getFactory
SEVERE: Application was not properly initialized at startup, could not find Factory: javax.faces.context.FacesContextFactory. Attempting to find backup.
WARNING: Unable to initialize <servlet> Faces Servlet. Check project libraries configuration.
java.lang.IllegalStateException: Could not find backup for factory javax.faces.context.FacesContextFactory.
     at javax.faces.FactoryFinder$FactoryManager.getFactory(FactoryFinder.java:996)
     at javax.faces.FactoryFinder.getFactory(FactoryFinder.java:331)
     at javax.faces.webapp.FacesServlet.init(FacesServlet.java:219)
Nov 14, 2012 3:32:06 PM oracle.security.jps.internal.common.util.StrictValidationEventHandler handleEvent
WARNING: Failed to validate the xml content. SchemaLocation: schemaLocation value = 'http://xmlns.oracle.com/oracleas/schema/11/jps-config-11_1.xsd' must have even number of URI's. Location: unavailable.
Nov 14, 2012 3:32:06 PM oracle.security.jps.internal.common.util.StrictValidationEventHandler handleEvent
WARNING: Failed to validate the xml content. SchemaLocation: schemaLocation value = 'http://xmlns.oracle.com/oracleas/schema/11/jps-config-11_1.xsd' must have even number of URI's. Location: unavailable.
Nov 14, 2012 3:32:24 PM oracle.security.jps.internal.common.util.StrictValidationEventHandler handleEvent
WARNING: Failed to validate the xml content. SchemaLocation: schemaLocation value = 'http://xmlns.oracle.com/oracleas/schema/11/jps-config-11_1.xsd' must have even number of URI's. Location: unavailable.
Nov 14, 2012 3:32:24 PM oracle.security.jps.internal.common.util.StrictValidationEventHandler handleEvent
WARNING: Failed to validate the xml content. cvc-complex-type.2.4.b: The content of element 'propertySets' is not complete. One of '{"http://xmlns.oracle.com/oracleas/schema/11/jps-config-11_1.xsd":propertySet}' is expected. Location: unavailable.
Nov 14, 2012 3:32:24 PM oracle.security.jps.internal.common.util.StrictValidationEventHandler handleEvent
WARNING: Failed to validate the xml content. SchemaLocation: schemaLocation value = 'http://xmlns.oracle.com/oracleas/schema/11/jps-config-11_1.xsd' must have even number of URI's. Location: unavailable.
Nov 14, 2012 3:32:24 PM oracle.security.jps.internal.common.util.StrictValidationEventHandler handleEvent
WARNING: Failed to validate the xml content. cvc-complex-type.2.4.b: The content of element 'propertySets' is not complete. One of '{"http://xmlns.oracle.com/oracleas/schema/11/jps-config-11_1.xsd":propertySet}' is expected. Location: unavailable.

Design View independent of Code View

Hello,
When selecting code in a split screen my design view jumps around assuming what I want to look at. Can anyone share how to make these independent of each other? Is it even possibile?
For example if I focus on the bottom of the page and scroll up to the top of my code view section the design view will follow to the top of the page. Sometimes I would just like to look at my code without the view following me around like my once neglected and now set free from the pound dog.
Thanks!
Phil

Hi thanks for the quick response. Operating in two different windows is not what I am shooting for.
This is what you see in Dreamweaver split view (although typically more thought and design has been used in the interface.) Pretend that the grey bar and slightly reddish grey on the right are the scrollbars that act independently of each view in there respected view. One scrollbar for the design view and one for the code view in a split set up.
Source View
<div>code</div>
<div>code</div>
<div>code</div>
Design View
Top Div
Middle Div
Bottom Div
In the design view I focus the view on the bottom div, the scroll bar is all the way down in the design view. I touch anything in my code view and it snaps the design view scroll bar back to the top and I am back to looking at the top of the design view. Can I break this dependancy? It seems that clicking in the code view refreshes the design view which is the source of frustration.
Thanks again.
Phil

Div tags in design view

How is it that I can no longer control the position and size of a Div in design view? There appears to be no way to resize or move the div tag.I am using CS5

Do you mean Divs or AP Divs?

Dreamweaver crashes when i drag my div tags in design view

Hi
Ive just encountered a problem with dreamweaver cs4 at work.
I was creating a website using CSS and creating multiple div tags to house my images around the page. I normally position them using the CSS style sheet, but on this occasion, I grabbed the div tag whilst in design view and dragged it manually, and dreamweaver crashed! See image below It does so everytime I try the same thing again. Ive even restarted my PC. Anyone know why?

I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969

Nested div tags "Design View" problem

I have had ongoing problems using nested div tags to layout
my page. The page displays correct in browser but does not display
properly in Dreamweaver Design View. Highlighting the CSS id in
Code View shows the correct groupings. The code also passed the
validator test.
I am fairly new at Dreamweaver so I could be missing
something basic.
Code is displayed at
http://www.mektronix-net.campusbizcenter.com/

I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969

Design View and a CSS Div layout page

There are a few pages l
ike this. I am assuming it is because everything is layed out w
ith div tags, but there mush be a way to correct the desging view. Everything shows up great o
nline. Here is a screenshot:
Here is the code:
<body onload="initHomePage(); addReferToLinks();">

<script type="text/javascript" src="/shared_assets/toolbar_v2/toolbar.js"></script>

<img src="/profile/image/logo_linknet.gif" />

<form name="frmSearch" action="" method="get" title="Resources" class="scopedSearch">
       <input class="textInput" name="qt" value="THIS SECTION ONLY" id="searchField" size="20" />
       <input class="button" type="submit" value="Search" name="submit" />
       <input type=hidden name="col" value="mpr dno dnos1" />
</form>
    <div id="main">

<div id="newsBox" class="box">
   <div class="boxHeader">
    <div class="headerLeft"><h2>MP News</h2></div>
    <div class="headerRight"><a href="/news/news/index.htm" class="more">more »</a></div>
   </div>
   <div class="boxContent">
    <h3>
     <script type="text/javascript">var x=new Date(); document.write(x.toLocaleDateString());</script>
    </h3>
    <div id="newsContent">
     <div class="loading">
      Loading...
     </div>
    </div>
    
    <h3>My Subscriptions</h3>
     <ul style="list-style-type:none;">
      <li><a href="http://rss/">Setup Subscriptions - Get Help</a></li>
      <li><a href="http://">View Subscriptions</a></li>
     </ul>
    
    <div class="imgFrame"><a href=""><img src="image/mc_logo2.jpg" alt="Media Center" hspace="0" vspace="0" border="0" /></a></div>
    
    <div class="imgFrame"><a href="http/"><img src="image/columns.gif" hspace="0" vspace="0" border="0" alt="The Northwestern Columns" /></a></div>
   </div>
</div>


<div id="content">
   
   
   <div id="alert" class="box highlightBox">
    <div class="boxHeader">
     <div class="headerLeft"><h2>Important Notice</h2></div>
     <div class="headerRight"> </div>
    </div>
    <div id="alertContent" class="boxContent">
     <div class="article">
      <a href="" class="headline">Avoid lock out - Install LINK 22.2 now</a>
      Users who do not install LINK 22.2 before the version enforcement date of July 31 will be
      unable to access their PCs.
     </div>
    </div>
   </div>
            <div id="home_page_id">) Home Page</div>
   
   <div id="activities" class="box highlightBox">
    <div class="boxHeader">
     <div class="headerLeft">Welcome<span id="username"></span><h2>What would you like to do?</h2></div>
     <div class="headerRight"> </div>
    </div>
    <div class="boxContent">
     <div style="width:100%;">
      <ul>
       <li><a title="Find information and tools for recruiting new representatives" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Recruiting: <select style="font:message-box; width:19em;" onchange="if(this.value){window.navigate(appendReferer(this.value))};">
         <option name="selectRecruit" selected="selected">*** make selection ***</option>
         <option value="http.htm">Sourcing & Prospecting</option>
         <option value="http://.htm">Selecting & Assessing Candidates</option>
         <option value="http://_process.htm">Post Acceptance Process</option>
         <option value="http">Developing an Internship Program</option>
         <option value="http.htm">Tracking Activity, Results & Accountability</option>
         <option value="http://.htm">Recruiter Development</option>
        </select></a></li>
       <li><a href="/objective/mpr_secure/mp_ldorgdev.htm" title="Find information and tools for developing leaders in your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Leadership & Organizational Development </a></li>
       <li><a href="/objective/mpr_secure/mp_supvsn.htm" title="Find information and tools for effective supervision" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Supervision</a></li>
       <li><a href="/objective/mpr_secure/mp_stfop.htm" title="Find information and tools for   managing your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Staffing & Operations</a></li>
       <li><a href="/objective/mpr_secure/mp_plnperform.htm" title="Find information and tools for business planning and performance monitoring" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Planning & Performance</a></li>
          <li><a href="/objective/mpr_secure/mp_mngmntcompben.htm" title="Find information regarding income, fees, expenses, allowances and benefits" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Management Compensation & Benefits</a></li>
          <li><a href="/objective/mpr_secure/mp_repdev.htm" title="Find information and tools regarding mentoring and professional growth" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Representative & Specialist Development</a> </li>
      </ul>
      <div id="slideshow1" class="activitySlideshow" style="height:212px;">
       <img src="image/slideshow_photos/photo06.jpg" />
       <img src="image/slideshow_photos/photo07.jpg" />
       <img src="image/slideshow_photos/photo08.jpg" />
       <img src="image/slideshow_photos/photo09.jpg" />
       <img src="image/slideshow_photos/photo10.jpg" />
      </div>
     </div>
    </div>
   </div>
   
   <div class="leftColumn">
   
    <div class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Events Calendar</h2></div>
     </div>
      <div class="boxContent"><ul>
      <li>April 25-30<br />
     <a href="http_020110.htm" target="_blank"></a></li>
     <li>May 12-14<br />
     <a href="http://030510.htm" target="_blank"></a></li>
       <li>June 16<br />
     <a href="http://.htm" target="_blank">Series conversation</a></li>
                      </ul>
      </div>
    </div>
     
     <div class="box">
      <div class="boxHeader">
       <div class="headerLeft"><h2>Spotlight</h2></div>
       <div class="headerRight"> </div>
      </div>
      <div class="boxContent">
              <div class="article">
      
   <div class="headline"><a href="http.htm?tern Mutual Association dues decline form available</a> </div>
     The $25 association membership fee will be charged to June 30 home
     office supply bills. Representatives who wish to decline membership
     may submit a <a href="http://.htm" target="_blank">decline
     form</a>.
<div class="headline"><a href="http://.htm">Surplus notes information available</a> </div>
     Find answers to common questions and hear insights from about the company’s recent surplus notes offering.
                          <div class="headline"><a href="http://.htm">Stay up to date on 2010 estate tax repeal </a> </div>
     Consider the new Estate Tax Repeal page on LINKnet “home base” for information on the 2010 repeal and resources to use when talking to clients about this topic.
              <div class="headline"><a href="http/index.htm">Withstanding Market Challenges</a> </div>
     Access resources to highlight the company’s strength and stability, find sales strategies and share marketing and market-related materials to help address client concerns.
              <div class="headline"><a href="http:///year.htm">Dividend resources available</a> </div>
     The Current Year Scale page on LINKnet provides the latest information
     and sales support materials based on the 2010 dividend announcement.

               </div>
      </div>
     </div>
   </div>
   <div class="rightColumn">
   
    <div class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Approaching Deadlines</h2></div>
     </div>
     <div class="boxContent">
       <ul>
<li>April 30: <a href="http.htm">Submit 2010 Commitment to Excellence Award nbominee</a></li>
       <li>May 25: <a href="http.htm">Submit applications for Intern Community Service Award</a></li>
                      <li>June 30: <a href="http://pdf">Submit 2010 Managers Membership Award Application to NAIFA</a> <img src="/shared_assets/image/doc_icons/pdf.gif" alt="PDF File" /></li>
                      </ul>
      </div>
    </div>
    
    <div id="techalerts" class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Priority Tech Alerts</h2></div>
      <div class="headerRight"><a href="http://.htm" class="more">more »</a></div>
     </div>
     <div class="boxContent">
      <div class="loading">
       Loading...
      </div>
     </div>
     <iframe name="techalerts" src="/statusdisplay/001_summary.htm" onreadystatechange="if(this.readyState=='complete'){this.previousSibling.innerHTML = formatTechAlert(frames['techalerts'].document.body.innerHTML);}"></iframe>
    </div>
   </div>
</div>

Dreamweaver is pretty good these days at showing the page in Design View how it will be viewed when online. HOWEVER having said that it does largely depend on the way you write the css.
I guess for Dreamweaver it's impossible for it to show every concievable way you can write css correctly. Unfortuantely if your css is not compatible with what Dreamweaver likes it won't make a great job of rendering the site correctly in Design View, that's always been the case.
The css is not wrong but I've seen many display issues in Dreameaver Design View caused as a direct result of the css being overly complex to crack simple presentation. I guess it's in the lap of the gods if you are fortunate enough to have found the way to write css that Dreamweaver likes.

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.

Design view of jspx not rendering : Error exercising tag : afh:head

I'm using JDeveloper 10.1.3.4 and I have an intermittent problem where by the jspx does not render correctly in design view - it just shows a whole load of nested boxes.
By following a suggestion from another website I turned on "Design time messages in log" in jdeveloper JSP visual editor preferences.
The error messages being sent to the log window are :
Error exercising tag : afh:head
java.lang.NullPointerException
     at oracle.adfinternal.view.faces.renderkit.AdfRenderingContext.getTranslatedString(AdfRenderingContext.java:70)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.jsLibs.GlobalVariablesScriptlet.outputScriptletContent(GlobalVariablesScriptlet.java:49)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.jsLibs.Scriptlet.outputScriptletImpl(Scriptlet.java:111)
Error exercising tag : af:forEach
javax.servlet.jsp.JspTagException: 'begin' and 'end' should be specified if 'items' is not specified
     at oracle.adfinternal.view.faces.taglib.ForEachTag._validateAttributes(ForEachTag.java:320)
     at oracle.adfinternal.view.faces.taglib.ForEachTag.doStartTag(ForEachTag.java:93)
Error exercising tag : afh:body
java.lang.NullPointerException
     at oracle.adfinternal.view.faces.renderkit.core.CoreAdfRenderingContext.getStyleClass(CoreAdfRenderingContext.java:211)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.XhtmlRenderer.renderStyleClass(XhtmlRenderer.java:338)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.PanelPartialRootRenderer._renderLibraryDownloadElement(PanelPartialRootRenderer.java:480)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.PanelPartialRootRenderer.renderPPRSupport(PanelPartialRootRenderer.java:340)
How can I fix this ?
Cheers,
Brent

Hi Didier,
Sorry, intermittent problem is not very descriptive ! What I actually meant is that some of my applications have the problem while others dont. Once the problem exists, it always does regardless of restarting JDeveloper.
Starting JDeveloper using the console provided similar error message to outputting the JSP visual editor to the log file :
SEVERE: Element End name:head does not match start name:script
04-Dec-2009 17:28:38 oracle.adfinternal.view.faces.io.HtmlResponseWriter endElem
ent
SEVERE: Element End name:html does not match start name:div
Reading other posts, problems seemed to stem from errors within the faces-config or web.xml files so I compared them between apps displaying pages correctly and ones that weren't. I found a difference in the filter-mapping section of the web.xml. Changing the entries to match the applications that displayed correctly has worked !!
The entries for the apps that didn't display correctly :
    <filter-mapping>
        <filter-name>adfFaces</filter-name>
        <servlet-name>Faces Servlet</servlet-name>
        <dispatcher>FORWARD</dispatcher>
        <dispatcher>REQUEST</dispatcher>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfBindings</filter-name>
        <url-pattern>*.jsp</url-pattern>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfBindings</filter-name>
        <url-pattern>*.jspx</url-pattern>
    </filter-mapping>
<filter-mapping>
    <filter-name>adfBindings</filter-name>
    <servlet-name>ordDeliverMedia</servlet-name>
</filter-mapping>
<filter-mapping>
    <filter-name>jhsAuthenticationFilter</filter-name>
    <url-pattern>*.jsp</url-pattern>
</filter-mapping>
<filter-mapping>
    <filter-name>jhsAuthenticationFilter</filter-name>
    <url-pattern>*.jspx</url-pattern>
</filter-mapping>... and the entries for the apps that did display correctly :
    <filter-mapping>
        <filter-name>adfFaces</filter-name>
        <url-pattern>*.jsp</url-pattern>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfFaces</filter-name>
        <url-pattern>*.jspx</url-pattern>
        <dispatcher>REQUEST</dispatcher>
        <dispatcher>FORWARD</dispatcher>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfBindings</filter-name>
        <url-pattern>*.jsp</url-pattern>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfBindings</filter-name>
        <url-pattern>*.jspx</url-pattern>
        <dispatcher>REQUEST</dispatcher>
        <dispatcher>FORWARD</dispatcher>
    </filter-mapping>
    <filter-mapping>
        <filter-name>adfBindings</filter-name>
        <servlet-name>ordDeliverMedia</servlet-name>
    </filter-mapping>
    <filter-mapping>
        <filter-name>jhsAuthenticationFilter</filter-name>
        <url-pattern>*.jsp</url-pattern>
    </filter-mapping>
    <filter-mapping>
        <filter-name>jhsAuthenticationFilter</filter-name>
        <url-pattern>*.jspx</url-pattern>
    </filter-mapping>Somehow the filter-mapping entries for the adfFaces and adfBindings filter got all screwed ? Strange as the application has always worked fine, the only (obvious) problem has been the jspx pages not rendering properly in design view.
Once updating the web.xml with the correct value for these two entries, the pages are displayed correctly :)
While I don't like blindly making changes like this to the web.xml - the application still seems to function !
Cheers,
Brent

Div tag viewing problem

When I wrap a div tag around an image - I don't see that
image in the "designer view"
I do see it when I look at it in a browser.
Isn't there some way that I should be able to see the image
in the designer view?

Hmm - I must admit, I've never had this problem. Can you tell
me exactly
what you are doing, please?
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
==================
"jfsneumann" <[email protected]> wrote in
message
news:ebarml$517$[email protected]..
> When I wrap a div tag around an image - I don't see that
image in the
> "designer
> view"
>
> I do see it when I look at it in a browser.
>
> Isn't there some way that I should be able to see the
image in the
> designer
> view?
>

Centering div makes design view too wide

<div style="width: 100%;">
<div style="width: 100px; margin-left: auto;
margin-right: auto;">
BODY CONTENT
</div>
</div>
Ok, I've been wrapping my body content in the div tags shown
above rather
than using a centred table as I did before. The problem I
have is that
design view is too wide and I have to use the horizontal
scroll bars when I
am using my laptop. It's not a big problem, but was wondering
if it was
necessary to have to live with this? Also, is there any
particular reason
the div appears yellow in design view?
Cheers
ss.

> an HTML retard
This is the most important thing for you to work on if you
want to stick
with DW.
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
==================
"Synapse Syndrome"
<[email protected]> wrote in message
news:[email protected]...
>
> "Gary White" <[email protected]> wrote in
message
> news:[email protected]...
>> On Sat, 13 May 2006 15:45:12 +0100, "Synapse
Syndrome"
>> <[email protected]> wrote:
>>
>>><div style="width: 100%;">
>>> <div style="width: 100px; margin-left: auto;
margin-right: auto;">
>>> BODY CONTENT
>>> </div>
>>></div>
>>>
>>>
>>>
>>>Ok, I've been wrapping my body content in the div
tags shown above rather
>>>than using a centred table as I did before. The
problem I have is that
>>>design view is too wide and I have to use the
horizontal scroll bars when
>>>I
>>>am using my laptop. It's not a big problem, but
was wondering if it was
>>>necessary to have to live with this? Also, is
there any particular
>>>reason
>>>the div appears yellow in design view?
>>
>> What's the point of the outer 100% wide div? You get
exactly the same
>> thing without it. Your body content is only 100
pixels wide? There is no
>> reason for the posted code to show up in yellow.
Perhaps, if you show
>> *all* of the code, someone can spot the problem.
>
>
> Thanks, from what you say it seems obvious now. I got
that code from an
> earlier post here and was using it without knowing what
I was doing 'cos
> I'm an HTML retard.
http://tinyurl.com/rd6zq
> I changed the 100px to the max width of the real
contents and now
> everything is fine. I don't know what the point of the
outer div was for
> in the example, but it does make the design view look a
bit better for
> working out my layout I think.
> Cheers
>
> ss.
>

How come I can see my div in design view but not in live view

Hi,
I have a div ID called "portfolio" that I can see in design view but not live view or on a browser. It's a little pink square and I want that square round also.
I ran it through validator. It picked up some things in the style.css which I changed and the boilerplate.css that I did not. Because I thought DW auto creates code for boilerplate because I don't enter that code myself.
It's also rejecting a lot of webkit code but this seems like standard webkit code that works elsewhere on the page.
BTW: at what point does this brutal hand coding pay off in money and less heartache when Wordpress looks cleaner and is so much easier to use? I feel like I barely know HTML or CSS in terms of translating vision to reality and with all-browser functionality after months and months of on-line classes. How long are the pros at it till they reach a watershed point?
here's my address: http://www.adjacentdimensionsmedia.com/home.html
Here's my html:
<body>
<div class="gridContainer clearfix">
    <div id="div1" class="fluid"><img src="adtitle2.png" width="700" height="80" alt=""/></div>
<div class="fluid"><div class="box-shad"><a href="index.html"></a></div>
</div>
    <div id="portfolio">Portfolio</div>
</body>
Here's my CSS:
.box-shad {
margin-top: 200px;
margin-left: 100px;
width: 900px;
height: 700px;
display: block;
background-image: url("images/Big-tree-trans1.png");
background-size: 900px 700px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: fixed;
.box-shad a {
    display:block;
    width:900px;
    height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 0px;
margin-right: 200px;
margin-left: 200px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: pink;
top: -300px;
position: relative;

The top:-300 is putting that div above the top of the browser viewport. Fix that and you'll see the div.

Create MetaData Tags in Design View?

Hi,
I can't find this anywhere in the Help files in Dreamweaver.
How do I enter MetaData tags for my web site in the Design
View?
Thanks!

There's an icon on the Insert>Common bar to add meta tags.
Also
Insert>HTML>Head Tags from the menu bar.
Alec
Adobe Community Expert

Auto Inserting tags in Design View

Hi,
I keep running into a problem that is bugging the crap out of
me and I was hoping the Dreamweaver community could help me solve
it.
Whenever I am in Design View, and I add, say a table, then
type some text inside any of the cells, there is a opening and
closing p tag that automatically is added around the text.
p tags are no good for me because stylesheets in my CMS
controls the p tags and in order to avoid this from happening, I
would have to apply styling to every page, which obviously is
horribly inefficient. I figured Dreamweaver being the powerful
beast of a website editor it is, would have some option that allows
me to either turn this off entirely, or modify what gets added.
Could someone help me out?
Thanks!

On Fri, 1 Aug 2008 20:00:44 +0000 (UTC), "bothead1"
<[email protected]> wrote:
>Hi,
>
> I keep running into a problem that is bugging the crap
out of me and I was
>hoping the Dreamweaver community could help me solve it.
>
> Whenever I am in Design View, and I add, say a table,
then type some text
>inside any of the cells, there is a opening and closing p
tag that
>automatically is added around the text.
>
> p tags are no good for me because stylesheets in my CMS
controls the p tags
>and in order to avoid this from happening, I would have
to apply styling to
>every page, which obviously is horribly inefficient. I
figured Dreamweaver
>being the powerful beast of a website editor it is, would
have some option that
>allows me to either turn this off entirely, or modify
what gets added.
>
> Could someone help me out?
>
> Thanks!
Don't touch the return key them
I just tested it on Dw CS3 - brand new page - created new
table, and
entered text.
No <p> tags -
but if you hit return key - it put in a new paragraph - as
one might
expect
~Malcolm~*...
~*

Inserting DIVs in HTML view screws Design view but preview is fine

RH8 HTML
Hi all,
Ive been working on a fix for a client, forcing a footer banner to the bottom of the screen, regardless of content in the page. Its nearly working fine, just a bit more tweaking, but one problem I am having.
I am editing and adding <div> in HTML view, so that the positioning works.
However, when I view the page in Design view, its all messed up, the content is really narrow and stretches down the page for a long time. However, when I preview, and generate the page it looks fine.
Its an issue, because the client will be given the RH source files at the end of the project, and with the front end editor looking like this its not going to be weasy for the to edit it, let alone me finish with all the content.
Has anyone come across this before? Is the Design viewer not the best at displaying div content ?
The HTML where the <div> is set off before content is entered:
<body>
<div id="wrap">
    <div id="main">
        <div id="spacing">
***********all content in here************
          </div>
    </div>
</div>
</body>
The CSS that the <div> is calling
#wrap {
    min-height: 100%;
    border-left: 1px solid #9ea6ad;
#main {
    overflow: auto;
    padding-bottom: 54px;
/* must be same height as the footer */
#spacing {
    padding: 10px;
#footer {
    position: relative;
    margin-top: -54px;
    height: 54px;
    background: url(footer.gif) repeat-X;
    clear: both;
    border-left: 1px solid #9ea6ad;
/* negative value of footer height */
#footer p {
    padding-top: 15px;
    padding-right: 10px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    text-align: right;
/*Opera Fix*/body:before {
    content: ;
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;

Hi Nick
What you are doing is working outside the boundaries of what RoboHelp natively does. If working with DIVs was part of that you wouldn't be forced to create them in the HTML view. As a result, I'm not surprised that the Design view isn't totally understanding how to deal with it.
No workaround I can think of here. Sorry about that. Maybe someone else has something to offer. What I'm posting to ask is that you please report this to Adobe as a bug. Who knows, maybe they have some magickal scripting or something they can do to accommodate it. At minimum, they need to be aware of the issue so they can factor it into a future release. Use the Feature Request link in my sig.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Design View missaligned div tags location

Similar Messages

Maybe you are looking for