Design view breaks layout

I have a simple 3 column layout inside a wrapper div where my
source order is #content/#sidebar1/#sidebar2, and I am using a
negative margin on #sidebar1 to pull it over so the display order
is #sidebar1/#content/#sidebar2. It works great in the browser, but
#sidebar1 disappears in Dreamweaver. Any experience with
this?

My feeling is that in the list of things that affect SEO,
this one would be
so far down, it's not worth the additional effort. Let me
state it this
way - if you have done all of the things that would fall
above it, then I
guess you will see zero impact of this on your page's rank.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Michael Fesser" <[email protected]> wrote in message
news:[email protected]..
> .oO(jaymcdonald)
>
>>Yes, the source order is for SEO.
>
> And? Any evidence that it works?
>
>>I know I could just re-arrange the source
>>order, but that would defeat why I did it in the
first place. It seems
>>silly to
>>have to break that just because Dreamweaver is
confused by it. Why can't
>>it
>>just show it properly?
>
> To me it seems to be silly to use an illogical markup
order just for
> questionable SEO reasons, even though it's not that bad
in this
> particular case. Content first is a quite common
structure, but not a
> necessity.
>
> On my own sites the navigation lists usually come first
for technical
> reasons - no problems with that. There's enough useful
content further
> down the pages and enough food for the SE spiders. A
good SE ranking is
> not a question of "markup order", but of patience,
appropriate markup,
> patience, usable content and patience.
>
> Keep the markup in a logical order and try to avoid
hacks like negative
> margins (yes, it's just a hack in most cases). Make sure
that it works
> even with CSS disabled. Focus on usability and
accessibility. Make your
> site userfriendly! This will also almost automatically
make the site SE-
> friendly, because an SE bot is nothing else than a user.
A blind user.
>
> Micha

Similar Messages

Live View worse than Design view, both bad, CSS & layout not applying

Howdy,
So I'm trying to do some work on the the page seen here:
http://www.juniper.net/us/en/products-services/network-management/
(I've attached a screenshot of it.)
I view the source for that page and copy it into a new blank page in code view using DW CS4.
I copy all the relevant related files, as far as I know, including at least all the CSS and image files.
I view the page in Design View, and some of the styles, primarily on the text are clearly being applied. The layout, though, is all wrong, with the navigation spread out over the top without any text styling or background images, tho a few other images do show up (one in the header area and some in the body, ones that should all be about in the same directory), and the content area pushed waay out the right.
Live View is even worse, no styling at all on any of the text, and it doesn't seem to be able to locate any of the images, so it's all plain default HTML-styled text.
This is a fresh installation of CS4.
DW 8 seemed to have a similar problem rendering this layout in design view, but appplying a few design-time stylesheets, ones that should have been applying, but somehow weren't, seemed to do it, or at least pretty close. That same strategem did not seem to work here. Plus, doesn't the fact that the correct stylesheets show up as "related files" in the related files bar mean that DW knows about them and are/should be doing its level best to be applying them already?
I'm not sure how much more I can share, but does anyone have any thoughts about how to make DW render correctly?

So here's a little more info for a more complete picture of the problem...
I do have access to the original CSS, JS, and image files...When I said that I copied all the files that I believe to be relevant, I mean that I downloaded all the files from the \assets and \shared directories from the content management system, which should contain all the CSS, JS, and image files that the page uses.
When I view the file into which I saved the page's View Source on my testing server via an actual browser window, the page looks as expected.
So, to sum up:
All the support files and "related files" seem to be in place.
When viewed through a browser fed by a web server, the file/page looks as expected. Checked in Firefox v3.5.3, IE 8, and Chrome v3.0.195.24.
When viewed in Design View, the layout looks wonky, some of the styles seem not to be applied to the navigation/header area (notably, I guess, the positioning of the navigation and content area relative to the navigation, as well as some of the text styling on the navigation), and most if not all the styling (text formatting, layout) seems to be applying in the content area. The Related Files bar seems to list all the expected related files.
When viewed in Live View, no styling is being applied anywhere. Live View is based on an integrated WebKIT browser, so it should render most closely to Chrome, right?
I know little to nothing about relevant web server configuration. Could it be possible there's some web server configuration that's set up on Juniper's web server that Dreamweaver doesn't mimic, at least by default? Are there web server configuration settings for the integrated Live View "server" that I could check?

Design view of CSS layout is innacurate

Hello all -
I'm beginning to redraft my company's hompage using a full
CSS layout instead of our current nested table layout. Since I need
to ensure that other staff members can edit pages freely - and I'm
the only person comfortable doing straight code - it's important
that the design view is as accurate as possible.
When editing in Dreamweaver 8, my three column layout (a left
table of contents, a center content column, and an additional
content right column) breaks so that the table of contents
dissapears. Some people have spoken with have suggested that my
problem might be the negative margins I'm using to position the
floated columns that form the meat of the page.
You can view the page here:
http://www.southernenvironment.org/test/home_redraft.html
The CSS is here:
http://www.southernenvironment.org/test/style_redraft.css
In addition, the header navbar also appears strangely. In
Design View, two word titles (ie. "Our Programs") break on to two
separate lines, instead of staying in one line as they do in
browsers I've tested.
The frustrating thing about this is that my design seems to
work in most browsers - but without a somewhat accurate
representation in Dreamweaver, I won't be able to sell the idea of
a standards-based revamp to other staff here.
Any ideas?
Matt

Your CSS is not tight enough to get accurate columns. You
shouldn't try to
define the columns with the body tag. For a purely CSS site,
you really find
out why the code is called 'cascading' styles. They cascade
all right. We've
just finished wrestling with a similar re-design with CSS and
the order of
how tags and files come into play is very important.
We have defined the body tag with background color, 0 margins
and font
family, color and size only. Header/footer and columns are
defined by ID.
The three "content" columns are within a page container,
header and footer
outside the page container. How these elements are placed is
important, as
they cascade.
We use 3 linked main css files, 1) Page Layout (3 or 4
different options) 2)
Page presentation (all text styles) 3) Page menu styles (only
menu styles).
They are in that order, as the only body tag is in Page
Layout.
If a page has a watermarked background we import the code
just for the
watermark.
This is not true for the home page, but all other pages in
the site.
http://www.nic.bc.ca/index.asp
I hope this helps.
Marianne
"homestar79" <[email protected]> wrote in
message
news:[email protected]...
> Hello all -
>
> I'm beginning to redraft my company's hompage using a
full CSS layout
> instead
> of our current nested table layout. Since I need to
ensure that other
> staff
> members can edit pages freely - and I'm the only person
comfortable doing
> straight code - it's important that the design view is
as accurate as
> possible.
>
> When editing in Dreamweaver 8, my three column layout (a
left table of
> contents, a center content column, and an additional
content right column)
> breaks so that the table of contents dissapears. Some
people have spoken
> with
> have suggested that my problem might be the negative
margins I'm using to
> position the floated columns that form the meat of the
page.
>
> You can view the page here:
>
>
http://www.southernenvironment.org/test/home_redraft.html
>
> The CSS is here:
>
>
http://www.southernenvironment.org/test/style_redraft.css
>
> In addition, the header navbar also appears strangely.
In Design View,
> two
> word titles (ie. "Our Programs") break on to two
separate lines, instead
> of
> staying in one line as they do in browsers I've tested.
>
> The frustrating thing about this is that my design seems
to work in most
> browsers - but without a somewhat accurate
representation in Dreamweaver,
> I
> won't be able to sell the idea of a standards-based
revamp to other staff
> here.
>
> Any ideas?
>
> Matt
>

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

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.

Floated element breaks Design view in Dreamweaver CS3

I've tried searching for this issue but haven't found a fix yet and could use some help.
I am redesigning a site and am adding a fluid box to the page. This floated element breaks Design View in Dreamweaver CS3 but appears correctly in the Firefox, Chrome, and IE. I can get the element to appear correctly in Design View after I make minor changes to the page's HTML or CSS, however it always breaks when I save the file.
I've tried many work-arounds including adding an absoutely defined container div, altering the various div sizes, adding <div class="clear"> before and after the element, to no avail.
Ideally, I would like to have page appear correctly in Design View so that others in my lab can easily update the page (and not come to me with repeated questions!).
I've included screen prints of how it looks in Design View and how it look in Chrome.
THANKS! J
Design Time error:
Web Browser - correct view:

I'll try CS4; however my main reason for finding a fix is so that others updating the page (w/ CS3) will be able to do so w/ the WYSIWYG editor that we purchased. We will not be upgrading to CS4 anytime soon either.
Thanks

How to view semantic css based layouts in design view in dreamweaver?

Hi all,
I havent had a lot to do with CSS based layouts (tables have alwasy just worked for me fine) but I am wondering how do I view the semantic/css based layout in design view in Dreamweaver?
As when I write the code, in design view its not showing me what the page will look like, I have to click on "Live View" to see what the page actually looks like.
I guess I am asking is there a way to using WYSIWYG on css layouts in design view??? Just like I do table layouts (In design view I can grab the edge of the table and resize etc)?
Any help would be great

Lou yeah I don't think the term WYSIWYG really applys to dreamweaver anymore when building CSS layouts.
The term "WYSIWYG" never applied to DW. It was never such a thing, nor was any other HTML authoring, no matter what the marketing hype said. It's not possible to deliver wysiwyg layouts when there are so many different browsers/platforms/versions to worry about. This is particularly true when you go back to the era when WYSIWYG was actively used (but not with DW, which was not advertised in such a way) - Netscape 4, and IE5/Mac would alone be enough to destroy any layout....
The view you are getting in Design view is happening because your CSS is misplaced BELOW the <body> tag - it should be in the head of the page (i.e., above </head>). Your CSS should never be placed within the body of the page.

Multi page report in design view and page breaks

Hey,
I have designed a report that spans more then a single 8X11 page in design view. The report has one parent frame and 2 child frames. The parent data prints first and then there is a page break before each child's data. The trouble I am having is that where the report is designed over 2 pages in design view the first child's data prints on the 3rd page because of the page break, and then if there is another child it will start to print on the 5th page, etc. Another problem is with the actual page numbering and that page 1 according to the print out actually is 2 pages because of the 2 page design view. I am looking for a way to design a report on 2 pages in design view but have it to print on only 1 page per parent and child depending on how much data there is. If I could fit all of the data elements on a single page in design view it would be easy, but using 2 pages is making it difficult.
Does this make sense? Any suggestions?
Thanks

Try doing the page break by setting the Page Protect property to Yes, not by Page Break before/after.

Layout Problems in Design View

Our wedsites use server side includes that control the way
the page is laid out. My design view is not laid out the way it
should be. If I go to the preview, it is perfect, but from the
design view in Dreamweaver things are out of order. My navigation
menu is hanging over my text, and I can't seem to get it to
properly lay out on the page. Does anyone know how to fix this? I
can email a copy of the page view if anyone wants to see it.
Thanks!

DW is perhaps confused by your doctype which seems to be
suggesting both
XHTML Strict and XHTML Transitional -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I would say fix that, and the other validation errors from
http://validator.w3.org first,
and then we'll look at the page again.....
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
==================
"TyhitiaF" <[email protected]> wrote in
message
news:ecl1dh$5a3$[email protected]..
>I can show you what is is suppose to look like. If you go
to the page
>below
> you can see what the pages look like online. My problem
is, in design
> view of
> dreamweaver, the information about section to the left
is placed over the
> information to the right. Then all of it is shifted to
the left.
>
>
http://www.ualr.edu/admissions/
>

Design view not showing actual layout

I have a test page where I have a navigation div element
created and it floats to the left. When I preview the page in IE,
this navigation div element shows up as it should on the left part
of the page but in the Design view of Dreamweaver CS3, the nav
element box is centered and it makes it difficult if not impossible
to type my content in because the nav box is sitting dead in the
middle of the page where the content is supposed to go. Please
help.

Let's see the page's code, please. Can you post a link to it?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Johnny the boy" <[email protected]> wrote
in message
news:fkhdn3$3vi$[email protected]..
>I have a test page where I have a navigation div element
created and it
>floats
> to the left. When I preview the page in IE, this
navigation div element
> shows
> up as it should on the left part of the page but in the
Design view of
> Dreamweaver CS3, the nav element box is centered and it
makes it difficult
> if
> not impossible to type my content in because the nav box
is sitting dead
> in the
> middle of the page where the content is supposed to go.
Please help.
>

Layout dosn't look right in design view

I have made the following to re-create the cross pattern I used for a FrontPage website:
http://www.benedictines-cib.org/demo/cross.html
It looks right in the browser, but when I view the page in design view (CS4) the navigation lines up on the left with the blue header and underneath it. Is this just something that happens? Or can I do something to avoid it? It looks fine in Live View.

This happens sometimes and it can be disconcerting, but the reality is design view is meaningless. I'd much rather have it perfect in the browser and not in DV thn the other way around. Code looks good, I'd not worry about it and let F12 be your freind.
Gary

CS3 Design View layout bug

Note: this renders correctly in browsers and DW 8 design
view.
Does anybody else get this effect: css is used to but a solid
background colour on a h1 tag. With the following code

<h1>Introduction</h1>
The editor buts the background in the correct place, but the
actual h1 text starts 2/3 they way down the background.
If you put a blank div <div></div> after the
template comment and before the <h1> the background gets
padded down to fit correctly with the text.
If you detatch from the template, it renders correctly.
Bug I assume.
Steve

Probably not. Show us the whole page, 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
==================
"srbutler" <[email protected]> wrote in
message
news:f2ek5g$51c$[email protected]..
> Note: this renders correctly in browsers and DW 8 design
view.
>
> Does anybody else get this effect: css is used to but a
solid background
> colour on a h1 tag. With the following code
> 
> <h1>Introduction</h1>
>
> The editor buts the background in the correct place, but
the actual h1
> text
> starts 2/3 they way down the background.
> If you put a blank div <div></div> after the
template comment and before
> the
> <h1> the background gets padded down to fit
correctly with the text.
>
> If you detatch from the template, it renders correctly.
>
> Bug I assume.
>
> Steve
>
>
>

Design view not showing in fluid layout

I can not turn on my design view, only live view is showing

CC2014.1 and later no longer have a Design View while using Fluid Grids. This has been discussed here at some length, in multiple threads. If you would like to get Design View back, you can add the X shown below in your fluid grid's .css file...
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:      X 4;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    25;
=====================================
Close all other files first. Make the change, then save and restart DW.

Layout / Design View questions

This is the sort of thing I've wondered about before, but
would really like to get to the bottom of.
Sometimes things seem to go a bit funny in design view -
although the page will display correctly in a browser - but can
anyone let me know if there is something not quite right somewhere,
or if it actually really matters?
As an example, I've posted some screenshots on the link
below. The only difference is that the 'footer' div has been added
to the second page. They're both fine in the browser, but as you
can see from the screenshots, the first is fine in design view, but
the second (the bottom two screenshots) it all looks wrong.
Basically is this anything to worry about?
Even if it isn't, it is a bit annoying, as from a design POV
it's good to see things as they should be!
screenshot
1
My second question is about TD widths - in these pages I have
a wrapper div set at 780px, and in the table containing the
navigation, they navigation buttons/graphics seem to need to be one
px narrower than they actually are (54 instead of 55px etc) in
order for them to line up to the total 780px, as per the screenshot
below :
screenshot
2
If anyone could shed any light on any of this it would be
greatly appreciated.
Cheers,
Iain

dukla wrote:
> Basically is this anything to worry about?
No its nothing to worry about.
I don't know what version of DW you are using but all
versions up to
2004 didn't handle css that well.
I believe DW8 has improved. However having said that I have
found a lot
of the time that it also has a lot to do with how you write
the css. I
can't believe version 8 can possible cover all eventualities
so it
probably still shows the odd thing or two incorrectly.
Personally I never had much trouble with DW04. It works
pretty well with
the css I write.
> Even if it isn't, it is a bit annoying, as from a design
POV it's good to see
> things as they should be!
Yeah it does get a bit annoying but you have to work through
it.
> My second question is about TD widths - in these pages I
have a wrapper div
> set at 780px, and in the table containing the
navigation, they navigation
> buttons/graphics seem to need to be one px narrower than
they actually are (54
> instead of 55px etc) in order for them to line up to the
total 780px, as per
> the screenshot below :
>
>
http://www.handprintwebdesign.co.uk/CollinsBartholomew/tableDesign.htm
>
> If anyone could shed any light on any of this it would
be greatly appreciated.
I don't think this web thing is totally precise and sometimes
you have
to 'hack' it to do the job. Usually if thing are a px out I
don't bother
unless it screws the design up in too mmnay browsers.

Design View and Browser show different layout

I am having an issue with a site I am working on. The site
looks great in
the browser, but it doesn't look right in design view in
Dreamweaver. I
have posted 2 screenshots (they are around 140k apiece), they
are linked
below,
Dreamweaver -
http://www.swvtc.dmhmrsas.virginia.gov/dreamweaver/dreamweaver.jpg
Browser -
http://www.swvtc.dmhmrsas.virginia.gov/dreamweaver/browser.jpg
What would be causing this?
Thanks in Advance,
Drew

It could be a number of things, but until we see the code it
would only be,
at best, a guess. Please post the link to the page.
Jo
"Drew" <[email protected]> wrote in message
news:edn3u8$lc1$[email protected]..
>I am having an issue with a site I am working on. The
site looks great in
>the browser, but it doesn't look right in design view in
Dreamweaver. I
>have posted 2 screenshots (they are around 140k apiece),
they are linked
>below,
>
> Dreamweaver -
>
http://www.swvtc.dmhmrsas.virginia.gov/dreamweaver/dreamweaver.jpg
> Browser -
http://www.swvtc.dmhmrsas.virginia.gov/dreamweaver/browser.jpg
>
> What would be causing this?
>
> Thanks in Advance,
> Drew
>

Design view breaks layout

Similar Messages

Maybe you are looking for