Background in live view different from design view

Why when I am looking at my page in design view it shows up black like I want it to, but when I go to live view or view it on the internet it shows up like the template color that it was when started?

Without the code, it's pretty tough to say what might be happening.
One thing to look at would be the order of you css, including the links to external .css files in the <head> of the page.
If you have two like selectors, for example, two versions of: body {background-color:some color here;}, the one that comes last in the stylesheet links, embedded css, or in the html itself (inline css) will be the one that's used by the browser.

Similar Messages

Live view different from design view

Hi folks,
Does anyone know why, in dreamweaver, there is a difference between the site design in Design View and what you see in live view; and how should oneapproach this difference?
Thanks.

Design View was coded a LONG time ago and Adobe hasn't really changed it much. It is very useful for my workflow, which is to work in Split view and jump back and forth between the Design view pane and the Code View pane. I know right off the bat that I won't see everything. Design View will never show me the newer CSS3 attributes, like shadow, gradients and so on. But it gives me a "rough" analog to work with while I'm doing general layout. Things like, "Am I breaking up the text enough to keep people on my web page?" "Do I have this typeface too small?" "Is the picture I just put in there positioned correctly?"
Also, be forewarned, "Live" view is Webkit (an Open Source browser) so it will accurately portray Google's Chrome and Apple's Safari. It will not accurately show issues with Firefox and Internet Exploiter. So, before you launch your website, do a check in all of the major browsers.

Design view differs from browser view

When viewing in Design view my code correctly shows 2
overlapping rectangles. In browser view it shows two smaller
rectangles that do not overlap. I am using DW MX 2004. I have
attached small sample code.
Thanks,
Alexariel

DMX2004's Design view is not a browser, and can only
approximate (poorly)
how a page will look. The browser is always right. For
example, DMX2004 is
insensitive to the CSS error here -
div {width:250px; height:100;px; position:absolute; }
(note the ';' between '100' and 'px')
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
==================
"Alexariel" <[email protected]> wrote in
message
news:gqh83o$kld$[email protected]..
> When viewing in Design view my code correctly shows 2
overlapping
> rectangles.
> In browser view it shows two smaller rectangles that do
not overlap. I am
> using
> DW MX 2004. I have attached small sample code.
> Thanks,
> Alexariel
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <title>Untitled Document</title>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> <style type="text/css">
> body {margin: 0px; padding: 0px;}
> div {width:250px; height:100;px; position:absolute; }
> div.one {background-color:#FF0000; left: 0px; top: 0px;
> div.two {background-color:#00FF00;left: 75px; top:
25px;}
> </style>
> </head>
> <body>
> <div class="one">one</div>
> <div class="two">two</div>
> </body>
> </html>
>

Why has my form suddenly disappeared from design view?

My form has just disappeared from 'design view' but if i hit 'live view' it re-appears, the code is all there i just cant view it?

Ness_quick wrote:
My form has just disappeared from 'design view' but if i hit 'live view' it re-appears, the code is all there i just cant view it?
Its because your table code is broken. I had a job this morning wading through it so I eventually selected just the from part - <form> </form> - which I believe is intact and dumped it in another DW file.
If you can't find the broken or missing tag/s can I suggest you do this and rebuild the outer table.

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,

Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.

Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.

Already changed in different settings. Here is a screenshot when set to "Original Size".

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?

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.

Photo rotaion in organize view different than edit view & slideshow

Photo rotaion in organize view different than edit view & slideshow. The fact that the power supply to the computer was accidentally disconnected while I was working in iPhoto no doubt was the cause of this phenom.
Any suggestions as to how to re-sync the rotations back up?

Thanks for the tip. I wasn't aware of the use of theses two keys simultaneously. It occured to me after this post to just trash the whole library which I had just created for this particular group of photos and re-import the photos to a newly re-created library. I still had the camara connected so as it turned out it was fairly easy. Now that I think about it, if this hadn't been a newly created library just for this group of photos it wouldn't have worked so simply, so I guess I discovered another benifit for having multiple libraries.
I'm glad you recomended the apple/alt key combo though as this knowledge no-doubt will come in handy at some time.
iMac PowerPC G4 800 mhz 1GBSDRAM 17" Flatpanel Mac OS X (10.4.8) Seagate external Firewire/USB HD's:250GB & 500GBSony DSC-V3 & DSC-S8 Cybershot

Design View differs from Live view problem

I have Dreamweaver CS5.5 with Mac OS 10.7.3 on an iMac. I have the same set-up on a Macbook Pro 17
The problem is that the Design view is showing different fonts and not picking up layout as per CSS style but the Live view is all correct.
All is fine on the laptop so it is my iMac specific glytch
I have checked the settings for diplaying CSS styles and they are ticked
I have switched off the activation settings for Suitcase Fusion 3 in case of conflict there
I have uninstalled and reinstalled Dreamweaver
I think it a font-related problem as the design view only seems to want to display non-serif fonts.
Am I doomed to only use the lap-top in my web work?
I hope someone can advise as I am rather frustrated

I think that's just the way it is...
http://forums.adobe.com/message/4312435#4312435
Martin

Font in Design View different from font in Live View and browser preview

My external style sheet has the body set for a sans-serif font and there is nothing to contradict it in the HTML documents. But while I get sans-serif in the Design View (as you would expect), I get a serif font in Live View and Browser Preview, not to mention on the Web itself.
How is this possible (and what should I do about it)?
--Paul

Murray and David: it worked! It is a rare and joyous experience to have a straightforward solution to the sorts of problems I come up with (including other realms). But I have to say that with HTML and CSS (and hence with Dreamweaver), solutions to difficulties have seemed within easier reach than in other parts of the computer world.
By the way, I wanted to choose "correct answer" for both your posts, but after making the first click it was no longer available for the remaining post--so I typed "helpful" even though that one was correct too.
Thanks again.
--Paul

Design view different from preview - is muse still in beta testing

I have limited experience with coding html so when Adobe released Muse, I was excited. However, I'm wondering if they released it too soon and/or if it is still in beta testing - which I don't mind but would like to know what I'm dealing with. It seems to have a lot of quirks - mainly that the design view is sometimes different from the preveiw or browser view. I spent over an hour yesterday trying to get text boxes to line up. If there is an hidden element affecting the text boxes, I don't see it. I have moved everything off the page and >selected all
and nothing shows up.
Other issues:
Sometimes paragraph styles do not apply - even though in design view it looks like they do.
Can't find a way to center text vetically in a text box other than adjusting the leading?
Can't find a way to organize assets into folders?
When an object is selected on a page, is there a way to indicate that that is the object in the assests panel?
Sometimes the padding options are not available for no apparent reason.
Thanks to the Adobe staff for being responsive as these issues are discovered. One staff member in particular was very helpful as I was trying to get hyperlinks to work right. But I am STILL having a problem. The text box and the text itself have the hyperlink style applied but as you can see on the Dardanelle and Chad Lawson Trio hyperlinks - the style did not take even though they are both hyperlinks that point to the right URL. -- geezermusicclub is the correct link for Dardanelle - It's difficult to see in the pic, but the Dardanelle and Chad Lawson text color is black but the hyperlink text style is brown.
Persoanlly, I feel Adobe should lower the subcription price while all these kinks are being worked out in Muse. In a way, subscribers are **** a LOT of beta testing for Adobe. Not only are we not being compensated for that, we are having to pay for an application that has too many wrinkles.

Murray and David: it worked! It is a rare and joyous experience to have a straightforward solution to the sorts of problems I come up with (including other realms). But I have to say that with HTML and CSS (and hence with Dreamweaver), solutions to difficulties have seemed within easier reach than in other parts of the computer world.
By the way, I wanted to choose "correct answer" for both your posts, but after making the first click it was no longer available for the remaining post--so I typed "helpful" even though that one was correct too.
Thanks again.
--Paul

Image missing from design view

Hi. In DW CS4 on XP.
I have an image that is missing in my design view from DW. It shows up in the live view, but when I select it I cannot get the option to change the image.
I do not want to change the image in the code. It is not loading my new picture under the same filename for some reason.
I have all the visual aids shown except the first 2 listed: CSS layout backgrounds & box models.
I tired selecting all over the table this page is designed in. I cannot seem to select that picture missing. Right now it is a missing link & usually I am able to click the missing link box. I even tried opening it up in DW 8, but I am not even able to select the box, but at least I see it.
Please help if you can.
Thanks.

I would have said "Try renaming the folder containing the images in Rh's Project Manager. That sometimes fixes the problem. You can revert to the old name afterwards."
Keeping all the images, and / or topics, in the root is never a good idea. It can slow things down and it's messy.
You can move the images you can see but obviously you cannot move the others. Try moving a topic that has one of the images to a different folder and see if that refreshes. Also try deleting the CPD file and reopening Rh.
Backup first.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Different from Design, to live, to browser

I'm making a webpage and it looks great in design view, my divs look good. I have a main content div which is centered with a different bg color than the body. When I switch to Live view it disappears the same for if I preview it in the browser.
It's as though my css style sheet isn't there and I know that it is attached.

No special characters allowed in selector names. Hash mark = a unique ID. Dot = a re-usable class.
CSS :
#structure {
width: 80%;
margin: auto;
background-color: #F9F9F9;
/**Since you're using HTML5, why don't you use HTML5 tags and selectors?**/
header { }
nav { }
article { }
footer { }
HTML:
<body>
<div id="structure">
    <header"><img src="Images/logo.png" width="300" height="186" alt=""/></header>
    <nav>Menu goes here</nav>
    <article>Article goes here</article>
    <footer>Content for New footer Tag Goes Here</footer>
</div>
</body>
Nancy O.

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?

Background in live view different from design view

Similar Messages

Maybe you are looking for