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.

Similar Messages

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
>

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 to use CSS included in header

In all views except the "Design" view, when you look at a page anything that's included in a CSS file imported from the assets/ folder will show HTML styled with the CSS.
However, in the Design view it doesn't use that linked CSS file. Any hand-coded CSS is used for HTML elements, (e.g. if I use the <style>..</style> tag), but not stuff in the imported CSS file.
Is there any way to fix this? This editor is too small for more than a couple lines of CSS -- and if it's an external file we can just edit this file in Edge code.
The workaround is to copy and paste your whole CSS file into this field.

Interesting. I think you're right about the quirks mode. Once I specify the doctype at the top, it looks consistent everywhere...with almost no padding. That kind of sucks actually.
New Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<ol style="padding-left: 10px;">
<li>stuff</li>
<li>things</li>
</ol>
</body>
</html>
I guess this site has actually had CSS that probably is doing the opposite of what they wanted for years now. Thanks. Good catch on quirks mode. I've been in the bad habit of never using the doctype declarations in my HTML documents and you've opened my eyes to start actually doing this now. I can now open, reopen, 100 times and I always get the same result.

10G: design view cannot display a UIX update page

I get the following error message when I try to display a page in both Design View and Preview View:
Required page property "key" missing. Cannot display page.
This is the same error message I get if I run the system and try to access the page directly and bypass the view page where the user selects a row of data for update.
Does this mean that any update page such as this one cannot use the visual editor?
Steve

Thanks.
It looks like the design editor runs the code. I noticed that it even fills in the fields with data from the database.
Since it does that, it would need a key on the update pages to know what record to display.
Steve

CS3 Design View And Invisible Elements

Hello, CS3 Dreamweaver often doesn't shown hidden divs. I
have an
absolutely positioned div and it seems the only way to see it
in design
view is to go to code view select the div and switch back to
design view
and with luck it will appear. View - Visual Aids - Invisible
Elements is
checked. Are there any settings I have missed or are
invisible elements
buggy in design view?
Thanks,
Chris (Hunt)

DW's Design view (in any version of DW) will not show
elements with the
visibility:hidden attribute enabled unless you select the
element. An easy
way to do that would be to select it in the AP ELEMENTS
panel. Have you
tried that?
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
==================
"Chris (Hunt)" <[email protected]>
wrote in message
news:g70q5f$kpl$[email protected]..
> Hello, CS3 Dreamweaver often doesn't shown hidden divs.
I have an
> absolutely positioned div and it seems the only way to
see it in design
> view is to go to code view select the div and switch
back to design view
> and with luck it will appear. View - Visual Aids -
Invisible Elements is
> checked. Are there any settings I have missed or are
invisible elements
> buggy in design view?
>
> Thanks,
>
> Chris (Hunt)

Access 2010 on 64 Bit Windows 7 Access "Not Responding" when changing from forms view to design view and back

I am running
Windows 7 64 bit
Access 2010 32 bit
Developing an application with a split FE BE with both files local but continue to have the message "Not Responding" when switching from forms view to design view and back as well as if I try to connect to a subform or object on the sub form.

I have seen this behavior when the form's RecordSource is a complex query such as a crosstab or a query with several nested queries. To test if this is your case, remove the RecordSource and see if the form starts acting normal again.
Then again, if the form has several subforms they might be slowing up the loading time.
Bill Mosca
www.thatlldoit.com
http://tech.groups.yahoo.com/group/MS_Access_Professionals

How to design rows and columns in sapscript layout

Hi friends,
Please let me know how to design rows and columns in sapscript layout with example?
Thanks,
Yogesh

Hi friends,
Please let me know how to design rows and columns in sapscript layout with example?
Thanks,
Yogesh

Look different in Design view and Browser Preview

Why do it look different in Design view and Browser
Preview?

"MA_DAVIDLEE" <[email protected]> wrote in
message
news:e39mte$las$[email protected]..
> thank you for reply and the url is www.cipr.com.tw. you
can see the
> navigation position is different in Design view. Thank
you!
>
How could I see the Design view? Can you post a
screenshot?

Why does my page look great in design view and to the left in live view?

I just created a new page using a fluid grid layout and in "design" view it looks great but in "live" view or on a browser preview the wording all goes to the left. What I am doing wrong? I also have another question which may relate to the first. I have four templates. Do I create a new named .css file for each new template or continue using the same layout.css file for all templates? Since I created a new .css file for every template maybe it is causing confusion. Thanks in advance.

If this is what you want, rework your HTML so all three images are in the same div and adjust your css to narrow the scroll down image and on Order jpg, vertically align top, 30px margin.
<div id="header">
<div id="pic1">
<img src="Thumbs/Scroll-Down.jpg" alt="More Pictures">
<img class="goldborder" src="NewImages/englilshivymain.jpg" alt="">
<a href="#OrderHere2">
<img alt="Order Here" src="Thumbs/OrderHere.jpg">
</a>
<br>
English Ivy (Detail)
</div>
<div id="pic4">

Anyway to have source code html, design view and CSS open windows at the same time?

Hi all,
Is there anyway I can keep design view, source code AND css open on screen all at the same time?
Constantly clicking between source and css is really becoming irritating, would be so much easier if they were both on screen at the same time.
Any help would be great

You have two choices.
1 You can go to preferences>general and the very first item (in CS6) is "open document in tabs" if you deselct that then you can view your page in split view and also open up the CSS file and have it visible as well.
2 If you use tabs you can view the page in split view and open the CSS file and then detach the css from the tab and it will be an idependent item. You detach it by highlighting the tab and then dragging it down.
It helps to have a large screen, and better still to have more than one screen, you can put the css on the other screen.
VL Branko

Display Html screen, design view and CSS screen at the same time ?

Hello everyone !
Well this is my problem :
I am on a Dual Screen monitor, in one screen i have the ''code inspector'' to view my html code and the second screen i have the Design view.
Problem is, i hate switching always my tabs when I need to work on my Html and my CSS.
I was wondering if anyone found a way to display, i don't know maybe 2 code inspector or simply find a way to split the screen so I can see html and css at the same time ?
Thanks a lot !
Nick

If you're using Dreamweaver CS4, this is very easy. View the HTML in the Code Inspector, and have Vertical Split view in the main Document window. In the Related Files toolbar, select the stylesheet.

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.

DW design view not displaying CSS correctly

Hello,
I am having a problem using the position:relative CSS. I've
created a simple page that has 3 div tags. Below is the code:
<body>
<div id="headerleft"><img src="/images/header.gif"
width="303" height="120" /></div>
<div id="headerright">Right Side</div>
<div id="toplinks">
<a href="www.google.com">Link 1</a> |
<a href="www.google.com">Link 2</a> |
<a href="www.google.com">Link 3</a> |
</div>
</body>
Below is my CSS code:
#headerleft {
position: relative;
z-index:2;
margin-bottom:-40px;
float:left;
#headerright {
float:right;
#toplinks {
position: relative;
z-index:3;
text-align:center;
clear:both;
What this page does is shows a image in the top left corner.
In the top right the phrase "Right Side". Then my third div
'toplinks' displays a bunch of links. Since my headerleft id has
margin-bottom:-40px, I need to use z-index and position:relative so
that my links are shown above the headerleft id.
I publish the page and view it in IE and everything works
fine. However, in Design View in DW my toplinks div is displayed
right under the rightheader id. For some reason it's not being
displayed under the left and right floats(headerleft and
headerright id's). Not sure why because I have 'clear:both' set for
that div's CSS.
I take the position:relative out of the toplinks id, and
everything looks fine in DW. My toplinks id then drops under the
both headerleft and headerright. However, when I view this is IE
then the links on the left are no longer active. I guess because
z-index needs position:relative to work?
Anybody have any suggestions?
Thanks

I'm not sure what you are trying to accomplish, but try this
much simpler
and less convoluted code -
<style type="text/css">

</style>
</head>
<body>
<div id="headerleft">
<div id="toplinks"> <a
href="www.google.com">Link 1</a> | <a
href="www.google.com">Link
2</a> | <a href="www.google.com">Link
3</a> | </div>
<div id="headerright">Right Side</div>
<img src="/images/header.gif" width="303" height="120"
/> </div>
</body>
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
==================
"esuweb" <[email protected]> wrote in
message
news:[email protected]...
> Hello,
> I am having a problem using the position:relative CSS.
I've created a
> simple
> page that has 3 div tags. Below is the code:
>
> <body>
> <div id="headerleft"><img
src="/images/header.gif" width="303"
> height="120"
> /></div>
> <div id="headerright">Right Side</div>
> <div id="toplinks">
> <a href="www.google.com">Link 1</a> |
> <a href="www.google.com">Link 2</a> |
> <a href="www.google.com">Link 3</a> |
> </div>
> </body>
>
> Below is my CSS code:
>
> #headerleft {
> position: relative;
> z-index:2;
> margin-bottom:-40px;
> float:left;
> }
>
> #headerright {
> float:right;
> }
>
> #toplinks {
> position: relative;
> z-index:3;
> text-align:center;
> clear:both;
> }
>
> What this page does is shows a image in the top left
corner. In the top
> right
> the phrase "Right Side". Then my third div 'toplinks'
displays a bunch of
> links. Since my headerleft id has margin-bottom:-40px, I
need to use
> z-index
> and position:relative so that my links are shown above
the headerleft id.
>
> I publish the page and view it in IE and everything
works fine. However,
> in
> Design View in DW my toplinks div is displayed right
under the rightheader
> id.
> For some reason it's not being displayed under the left
and right
> floats(headerleft and headerright id's). Not sure why
because I have
> 'clear:both' set for that div's CSS.
>
> I take the position:relative out of the toplinks id, and
everything looks
> fine
> in DW. My toplinks id then drops under the both
headerleft and
> headerright.
> However, when I view this is IE then the links on the
left are no longer
> active. I guess because z-index needs position:relative
to work?
>
> Anybody have any suggestions?
>
> Thanks
>

Design View Renders YUI CSS Incorrectly

I am evaluating Dreamweaver CS3 and find that opening a web
page using YUI reset-fonts-grids CSS does not render correctly
within design view. I'm rather surprised by this since improved CSS
support is supposed to be a major feature of this version.
Am I missing something? Or does rendering CSS styled pages
remain a problem with Dreamweaver?

SumBodyElze wrote:
>> And interestingly enough, neither do the browsers.
So you will always need to
> test your
> > pages in the browsers that matter to your end
users.
>
> True. But the whole point of using YUI's CSS is to
minimize the discrepancies
> from browser to browser.
Remember that that CSS is optimized for display in browsers,
not within development tools. Dreamweaver won't respond to the
hacks (see below) the same way a browser will.
> Anyway, here's the actual page:
>
http://www.eugenebarnes.com/dw_cs3_test/index.php
>
> And here's a screen capture of the same page from
Dreamweaver CS3:
>
http://www.eugenebarnes.com/dw_cs3_test/DW_CS3_screen.gif
>
> As you can see, Dreamweaver fails to stretch the inner
DIVs to their full
> width in display view. It doesn't even come close.
There no way I'm going to go through all the compressed
mashed up code for the CSS that you have attached to your document
to see if there are any issues with some specific CSS in there.
A casual glance at the CSS code *seems* to indicate that the
code does include some CSS hacks to accomplish what it does for
browsers. Because DW isn't a browser, it won't have the same CSS
parsing issues as a browser has (not to say that it won't have any
issues). It will react differently than browsers will to the hack
code, and potentially to "regular" code as well. Once you throw a
hack into the mix, you're really not working in a realm that
Dreamweaver will be able to accurately represent the hacks.
You might be able to work around some of the issues by
creating a new CSS file and attach it as a design time style sheet
( Text -> CSS Styles -> Design time) , and set the width of
the wrapper for the columns to something that displays what you
want it to, perhaps it's 100% or perhaps its a fixed width. That
may allow Dreamweaver to display the content similar to the way
that your browser does.
HTH
Danilo Celic
| Extending Knowledge Daily :
http://CommunityMX.com/
| Adobe Community Expert

Design View and a CSS Div layout page

Similar Messages

Maybe you are looking for