Design view is out of whack

I was working on Dreamweaver CS3 a couple of days ago and all
of a sudden (I'm pretty sure I pressed something) the design-view
went weird. I usual work in split view to see the coding and design
simultaneously. Now, the design view displays the given page I am
working on differently than how it would be seen in a browser.
For example, I have my home page, which shows a title and
four text links to the left of a centered image. However, in the
design view mode, it is shown as everything being aligned to the
left. The title, then the image, and then the four links.
I'm sure this could be easily reversed if I only knew what I
had pressed to make it this way. Please let me know if you can
help. Thank you!

> However, in the design view mode, it is shown as
> everything being aligned to the left.
That's an indication that a link to an external css
stylesheet is broken, or
that displaying CSS is turned off.
Look in the View menu under the CSS section, it's probably
set to not
display css.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Similar Messages

DW-CS3 / Split/Design View grayed out

In Dreamweaver CS3 (9.0.3453), when starting a new site, only
the CODE preview button is available - Split/Design views are
grayed out.
Also, everything in the submenu under View > Visual Aids
is also gray
Also, Refresh Design View is gray.
I'm a visual kinda guy, and haven't been able to find a fix
via Google.
NOTE: Everything was ok when first loading, then blew out.
Haven't been able to fix, and reinstalling doesn't work (I use Revo
Uninstaller to totally remove, so as to get a clean install -
nothing)
Many thanx for any help.
- LouisCat

I think it is probably the type of document you are creating,
for example if
you go to open a javascript or xml or css document, it goes
to code and
grays out the disign and split views. So you might be opening
the wrong type
of document.
Gary
"LouisCat" <[email protected]> wrote in
message
news:gbcucp$t6k$[email protected]..
> In Dreamweaver CS3 (9.0.3453), when starting a new site,
only the CODE
> preview
> button is available - Split/Design views are grayed out.
>
> Also, everything in the submenu under View > Visual
Aids is also gray
> Also, Refresh Design View is gray.
>
> I'm a visual kinda guy, and haven't been able to find a
fix via Google.
>
> NOTE: Everything was ok when first loading, then blew
out. Haven't been
> able
> to fix, and reinstalling doesn't work (I use Revo
Uninstaller to totally
> remove, so as to get a clean install - nothing)
>
> Many thanx for any help.
>
> - LouisCat
>

Design view grayed out

Hi
Design view is grayed out for build 13875 on a large project. When a component is dragged in, a white circle with a diagonal line appears (can't put it here indication). Design view is visible and works well on small projects, like button skins. Clicking the refresh button doesn't bring back design view. It's a drag working blind. Anyone else having this problem?
Thanks for reading.
Kearney

bump

Design view greyed out

Hello
I have this css file and i can only view the code, when I try to click on the design view its greyed out. This wasnt the case last week when I could view it fine. Can anyone help me? Thanks

There is nothing to see in design view in a css file, it is always grayed out. Perhaps you were working with embedded css instead of a css file.
Gary

Is there anyway to lock CSS rules? What's happening in design view?

Hi,
I have no idea what I've done, but I've accidentally deleted some CSS rules. Now my design view shows almost a random pattern, yet most things seem to still be working when I view it in a browser.
So,
Is there a way to lock CSS rules so that you don't accidentally loose them? Is there a way to toggle them on and off? Why does my design view suddenly look all whacked out?
The jpg shows my design view and here is the link to the page.
http://test.taffyproductions.com/reservations.htm

You have an id set on one of the divs, but there is no rule for that ID selector:
<div id="sidebar2-1"><img src="_images/sidebar2.jpg" alt="sidebar2" width="180" height="479" /></div>
Change the id to sidebar2 and see what happens. The page should fall back into place correctly.
There is no way to 'lock' in styles, you just need to be careful on editing the style rules as you go
You could always keep a backup copy of a stylesheet that works correctly and if you then want to play around with the rules, do so, but knowing that you have a backup copy if you need it.
I'd also take a look at the naming convention you use for file names. I'd not start a file name or folder with and underscore... some browsers may choke. always better off starting a name with a letter, no characters, or numerals etc.,to be on the safe side.
Nadia
Adobe Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

My 'Design View' has stopped working in CS5. How can I get it functioning again?

I've looked through the existing topics and couldn't find an answer.
I hadn't made anything in DreamweaverCS5 for a a few months, but when I went today to create a new HTML document, I couldn't do anything in 'Design View' . I have not changed anything with the program at all. I still checked Edit>Preferences>File Types/Editors and .html is not listed for 'Code View'. The 'Split' and 'Design View' buttons are clickable, but when I click in 'Design View' the Properties Inspector grays out. I also can't type anything into the field. There are two icons at the top, one for the meta tag and the other for the title tag in the 'Code View'.
I haven't the slightest idea as to why this is no longer working. This has never happened before. I did nothing but create a blank document. I'm on a PC. Any help with this would be extremely appreciated.

And just like that, I figured it out.
For some reason, the 'head content' had overtaken the 'Design View'. I clicked the down pointing arrow on the grayed out Properties Inspector just to try something else, and also to see what was hidden. When I did that, the top part of the 'Design View' peeked out a little from under the 'head content' area. I enlarged the 'Design View' field and realized what was going on. I still have no idea why that happened on it's own since I've never enlarged the view for 'head content' before. I actually usually don't have it enabled. I guess it's like a lot of people complain, Design View is quite buggy.

Design view inop DW CS3

Design view grayed out, inaccessable. The file has an HTML
extenstion. Files I had previously been able to use Design View on,
Design View no longer works. I suspect I inadvertantly turned it
off, but how?

Problem resolved by renaming file extention from HTML to HTM
- Why in Wilbur's name this fixed the problem, I haven't a clue.
Time to go put paint on my face and start dancing with
twigs.

How do I view content in Design view once everything is grayed out?

I was building a web site. When I switched from horizontal view to vertical view I was no longer able to view content in design view. The entire page was grayed out. I'm also not able to view content in design view in other web sites too. How do I fix it?

Well, yes the rest of the phone works, but the sole reason I got it was to able to view these files. I had a Blackberry and I wanted a bigger screen. Work allowed me to choose the iPhone or the latest Galaxy phone. I chose the iPhone because I was told "it just works".
I know the Galaxy reads the .txt files because coworkers have it. If the iPhone wont allow me to read the file then it doesn't matter if "it just works" because it can't do what I need it to do.

Site not displaying correctly in DW Design View

This is a weird display problem on one of my sites that I
have not seen before.
I sometimes log into my server remotely and make changes to
the html manually then resave the files. Later I may download the
newly edited files and put them in my backup site folder on my
local machine.
On one particular site, everything looks fine online from my
server, but when looking at the files locally in DW Design view
everything is out of whack. The images are all over the place and
the backgrounds are completely missing. If I preview the it still
looks normal and all the images are in the correct place and
backgrounds are fine. Only displays wrong in DW Design View which
makes it impossible to use the WYSIWYG to edit this site now.
Anyone encountered anything like this?

You are editing the files directly on the server, and not
from a local site?
And which DW are you using?
Murray
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
==================
"destind4film" <[email protected]> wrote in
message
news:f4mol4$enm$[email protected]..
> This is a weird display problem on one of my sites that
I have not seen
> before.
>
>
> I sometimes log into my server remotely and make changes
to the html
> manually
> then resave the files. Later I may download the newly
edited files and
> put
> them in my backup site folder on my local machine.
>
> On one particular site, everything looks fine online
from my server, but
> when
> looking at the files locally in DW Design view
everything is out of whack.
> The
> images are all over the place and the backgrounds are
completely missing.
> If I
> preview the it still looks normal and all the images are
in the correct
> place
> and backgrounds are fine. Only displays wrong in DW
Design View which
> makes it
> impossible to use the WYSIWYG to edit this site now.
>
> Anyone encountered anything like this?
>

Discrepancy between browser & design view; Hor. Rule Question

These are actually two issues, but I'm using one page as an example. I'm encountering this throughout other pages on the site.
Design view is absolutely killing me. I get the layout correct, but in brower view (this is both FF and IE) the margin space is not consistent at top and bottom and throws the design out of whack. Additionally, I love the look of horizontal rules, but there's a LOT of margin space around it. I'd like to reduce it. When I look in the code, I'm not seeing any errant p tags or line breaks.
Be advised the page I'm sending you is a child page from a template. I've set up one editable region. I've edited the padding / margin for the editable div on the template, which works well site-wide. There's also a little bit of padding in the CSS "body_text" that controls the formatting. It's cool site-wide as well.
I don't have this page linked yet, so it's not published. However, I've attached PDFs of the browser and design views, as well as the code as a word doc. The actual editable text region has been shaded gray so you don't have to wade through the template stuff.
Thanks.
W!

Often when you fix one code validation error, it takes care of several others.
Line 153 and 156 - take out the background="filename.html" attribute in your <td> tags
<td background="anniversaries.html"
<td background="firstfedonthemove.html"
Line 179 - change this
... Masters of Education Degree in Instructional Technology.</div>
to this
... Masters of Education Degree in Instructional Technology.</p> </div>
Republish the page and see if that helps.
Gotta run now. Maybe Murray can pick up from here.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics |
Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Something's wrong...Design View issue....

OK.
I'm attempting to take an Excel purchase order form and turn it into an HTML form for a custom demo that I will be performing tomorrow. The nature of the demo isn't important; what is important is that I have no choice but to use Design View, as I need to make sure the HTML version is visually identical to the Excel version. Everything was going fine...until I glanced over into the code and noticed that instead of intuitively assuming that there should be one FORM element for multiple INPUT elements, Dreamweaver created a separate FORM element for each INPUT. So of the 15 elements I've got so far it created a separate FORM element for each. This is a problem, because the form won't submit properly in this fashion.
So I did the logical thing: Went into the code, removed the extra FORM elements, and migrated one of them to just after the BODY tag but before the actual content, then added the end tag at the tail end of it all. What happened next is my problem: Design View is all kinds of whacked out. It's not abiding by any of the table structures, background colors, anything. The code is correct - previewing the page verifies this. Firefox is about 95% accurate, and I can live with that threshold. IExplorer is about 85% accurate, and I can fix what's not correct, but it's way more accurate than Design View which just doesn't render it correctly at all. If I do Live View it's fine, but I can't edit WYSIWYG in that view. Now I'm stuck unless I "screw up" the code again, which I don't want to do.. I don't have any fancy scripts, nothing out of the ordinary...just regular tables, inputs and a few background colors rendered via CSS. I haven't even gotten halfway through the project yet.
Does anyone know why Dreamweaver does this? Why would Design View's rendering of simple tables be so astronomically different from what the browser sees? Is the Design View rendering engine too structured or something? See pics.
This is WRONG.
This is RIGHT.

I would think Design should show me what IE is seeing, at the very least.
This isn't FrontPage, you know? I'm pretty sure DW Design View uses a WebKit rendering engine, aka Safari & Chrome.
for whatever reason Dreamweaver won't allow me to apply proper styling (background colors, font sizes, etc) without going CSS. It's quite annoying.
CSS is not some arbitrary method fashioned by Adobe to make your life harder. It is in fact a web standard recommended by the W3C to make the web better for everyone.
The separation of Content (HTML) from Style (CSS) is not a brand new concept either. It's been around since the late 1990's.
To appreciate what CSS can do for you, visit the CSS Zen Garden.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

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

Is it possible to print from design view in CS3

I've got a summary print out / display page for a CF application that I'd like to be able to print out in Design view.
DW CS3 only seems to print the code page and I don't want to print from a browser as that will only show the options currently selected - I'm after having all options displayed.
Is it possible? Any suggestions other than printScreen?

No, you can't print from Design view. It seems as though screen capture is your best option,

Design view is empty

I'm able to see the html/cf code in the code view, but in the
design view I don't see anything, to include tables, etc. I'm using
DWMX2004.
Any ideas?
Thanks.
Force

Does the page validate? If not, then fix the validation
errors. That's the
best way to approach troublesome pages.
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
==================
"n h c" <[email protected]> wrote in message
news:er02tr$g93$[email protected]..
>
quote:
Originally posted by:
Newsgroup User
> > if that makes any sense.
>
> It doesn't really. If the page is valid HTML, you will
see it in DW.
> Even
> when it is a combination of some scripting language and
HTML, you will see
> something.
>
>
> well, maybe that's how it should be. but this website
defies all reason
> and
> convention. i think most people would have quit/suffered
a nervous
> breakdown/killed my boss by now. the people who worked
here before me left
> quite a mess, i must say.
>
> i think the code probably isn't valid. but i really
don't know enough
> about
> coding yet to fix it. and it works, it just makes it
hard to figure out
> where i
> need to edit things sometimes.
>
> but we're not discussing my ridiculous website here! not
anymore, at
> least.
>
> -courtney
>
>

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 is out of whack

Similar Messages

Maybe you are looking for