Problem: design view looks completely different than live view

I am trying to make changes to my home page in Dreamweaver, and when I am viewing the page in 'design view' the background image for the container is missing, and the divs are all over the place. When I view the same page in live view and in browser preview, it looks fine.
Because I can't really see what the page is going to look like in 'design view', I can't really make changes to the site. Any help would be much appreciated.
Link to screenshot of 'design view'
www.simply-eden.com/images/screenshot1.tiff
Link to screenshot of 'live view'
www.simply-eden.com/images/screenshot2.tiff
link for purpose of viewing the code only
www.simply-eden.com/images/index.html
Thanks for the help.

When things get really goofed up, it could be caused by malformed code or orphaned div tags. Sometimes browsers will let you slide with poor code, but DW Design View won't.
Use these online code validation tools and fix any reported errors.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

I just downloaded the new Firefox 4, rebooted, and viewed you videos re the new look and new features. Problem is, my toolbars look no different than before. The new icons you talk about do not appear on my screen. Please advise. Thank you.

I just downloaded the new Firefox 4, rebooted, and viewed your videos re the new look and new features. Problem is, my toolbars look no different than before. The new icons you talk about do not appear on my screen. Please advise. Thank you.

The Firefox icon is the default feature for Windows Vista and 7 only, it does not apply to Windows XP users.
To have the Firefox icon instead of the Menu Bar:
View > Toolbars and UNCHECK the Menu Bar.
After that, click on the Firefox icon and you'll have the Menu Bar appear again.
http://support.mozilla.com/en-US/kb/Menu%20bar%20is%20missing

Page preview different than live view

My new page looks fine in preview, but once I upload it to the server, the layout is wrong, and the page looks completely different. I get an error saying Some files on the server may be missing or incorrect. Clear browser cache and try again. If the problem persists please contact website author. Please help? Thanks!

Hi Sara,
Can you please help us with the URL of the website and screenshots.
Regards,
Akshay

IWeb site looks completely different when published compared to on iWeb...

For whatever reason, whenever I publish my website (I published it to a "local folder"), it looks completely different and VERY ugly.
This is what it looks like in iWeb right now:
http://i3.photobucket.com/albums/y53/WWEFreak69/Screenshot2011-03-22at34527PM.pn g
This is what it looks like when it's published:
http://i3.photobucket.com/albums/y53/WWEFreak69/Screenshot2011-03-22at33817PM.jp g
There's an obvious difference.
So what am I doing wrong?

For one thing there are many files that did not get uploaded to the server. You can see which by viewing your site in Safari and bringing up the Activity window (Command+Option+A).
The pages where the navbar is down the site appear to have much of the site's objects in the navbar section rather than the body of the page. Go to the iWeb preferences and check the checkbox to show guides and image indicator.
Click to view full size
The design link on the home page is inoperable. Did you intend to have just the text be the link for the hyperlinks on that page or also the image that each text box is on? Makes for a very small link to find.

I bought a Mac Mini for the family but there's something very odd. Windows looks completely different and I'm completely confused. Is this because of Windows 8? How do I get back to my old Windows!

Windows looks completely different and we can't use the computer. We're flumoxed, we did some research and read about this new version of Windows - is this the problem? Is there a way to revert to the older version of Windows? Apple has shot themselves in the foot with this change. Any help would be greatly appreciated.

Macs don't come with Windows. They come with OS X. If you want Windows, you'll need to install it yourself, or return the Mac and buy a PC.

When I open an exported image after editing it, it is completely different than the image in Lightroom

I edit an image in Lightroom and happy with the results I export (save) onto my computer. When I then open the image it looks completely different to the one I just edited and saved! Very frustrating! I did not take it in raw format, I have taken all the photos already and cannot retake them. I am new to Lightroom, only on trial at the moment.
Help much appreciated

There are 9 different versions of iPhoto and they run on eight different versions of the Operating System. The tricks and tips for dealing with issues vary from version to version and OS to OS. So before anyone can help, they need information to work with. Things like:
- What version of iPhoto.
- What version of the Operating System.
- Details. What were you doing when the problem arose?
- Did it ever work properly?
- Are there error messages?
- What steps have you tried already to solve the issue.

My Adobe Photoshop looks completely different. How did it change from what I am used to using?

My photoshop elements looks totally different from what I have been using. How can I find the simplier version I am used to?

When did the version change to 10?   I used it in March and it was the one I was used to. It was much simplier. Is there another Adobe Photoshop besides Elements?
==============================
Patti Farley - Albuquerque, NM - US
[email protected]
505 417 5730
==============================
Date: Tue, 7 May 2013 11:22:43 -0700
From: [email protected]
To: [email protected]
Subject: My Adobe Photoshop looks completely different. How did it change from what I am used to using?
    Re: My Adobe Photoshop looks completely different. How did it change from what I am used to using?
    created by 99jon in Photoshop Elements - View the full discussion
Hold down the CtrlShiftAlt keys and simultaneously click on the Edit button on the welcome screen. After a few seconds release the three keys and look behind the welcome screen by closing it. Alternatively hold down the three keys whilst clicking on the desktop icon for the Editor or PhotoshopElementsEditor.exe in the Programs folder. Keep holding down all three keys for a few seconds; then release. You should get the settings option. When you see a pop up box with the words: Delete Adobe Photoshop Elements Settings File? Click on Yes Then wait whilst Elements rebuilds the preferences.
https://lh4.googleusercontent.com/-S6Kjmq-x08U/USJJS91-teI/AAAAAAAABIg/jpqUlTmNez4/s320/Se ttings.jpg
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5298329#5298329
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5298329#5298329
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5298329#5298329. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Photoshop Elements by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

My macbook pro crashed and the hard drive was replaced. How do I restore my backup pre- 9.6 iphoto library to the 9.6.1 iphoto library? They look completely different.

My macbook pro crashed and the hard drive was replaced. How do I restore my backup pre- 9.6 iphoto library to the 9.6.1 iphoto library? They look completely different. When I look at my backed-up iphoto library folder I see lots of files and folders: ALbumData.xml, Attachments folder, etc. The 9.6.1 iphoto library doesn't appear to be a folder at all. Help!

iPhoto 6 and earlier libraries were regular folders with the kind of files your reporting. With the advent of iPhoto 7 the library folder was changed to a package similar to the application packages but have essentially the same files and folders inside. There's no reason to have access to the inside of the iPhoto Library so Apple changed them to packages.
Do you have a backup copy of the iPhoto Library from before the HD crash. If so restore it to the Pictures folder in your Home folder. If you previous version of iPhoto was iPhoto 7 or earlier download and run the iPhoto Library Upgrader 1.1 on your library before trying to open it with iPhoto 9.6.1.

I am using CC v17.1 on a PC. I have recently taken over design responsibilities from someone who used a Mac. I need to use the Cygnet Round font, but it looks completely different on my PC than it did on the Mac.

I am wondering if fonts look different on a PC than a Mac. The font I am using is Cygnet Round, and it is completely different on my PC. I am at a loss....
Any help would be greatly appreciated!

Hi John, I am using Adobe Illustrator CC Version 17.1.

Dreamweaver CS4 Preview Different Than Live?

Hi,
I need help/guidance figuring this out:
when the page is displayed in Dreamweaver CS4 design view the top menu is aligned properly, the font size is according to the CSS code and all other tags like H2 or H4 are properly displayed
same when I choose to see the new page in "Preview In Browser" (F12) in Firefox or Safari (I'm on Mac Book)
if I choose to preview the new page on "Live View" or after uploading to the server and view it in any browser suddenly the top menu is left aligned and all H tags are not displayed correctly.
This is a new development so the URL is on the hosting server as an IP: http://65.254.68.145
I tested with W3C and it passed.
Any pointers are appreciated.
Thanks,
Joseph

Thanks SnakEyez02 for your reply,
Most of the time I use "Preview in Browser" or [F12] and that shows me the same as the design view which in this case is different than actually viewing the page on the web server (live). I do understand your point for setting dimensions on the menu box and I'l do those changes, but maybe you can also give me your opinion for the H2 tags, as you can see in the 2 images attached to the original post, bellow the menu there are H2, H3 and H4 tags and they look different as well, it's like only part of the style.css is applied.
Thanks,
Joseph

Fluid grid problem design view

Need Help, Dreamweaver CC, operating on Windows 7 64 bit
My design view panel is set to 480 x 800
From the CSS Designer Panel, I select my fluid_grid.css from the sources section
I select GLOBAL from the @Media section
For some odd reason, my mobile size is changed to 1129 x 603
If I go back and set the screen size for 480 x 800, the @Media GLOBAL is deselected........ HELP!
I have uninstalled and reinstalled.
Thanks in Advance,
Bryan

GLOBAL targets the section of your style rules that is not subjected to media queries.
only screen and ( min-width: 481px ) targets the style rules that are subjected to that media query.
and so forth
The reason that screen widths less than 481px are not subjected to media queries is because the design is mobile first. In other words, if there were no media queries in your CSS, then all screen sizes would have the same style rules applied as if they were less than 481px.

Pictures look completely different in Aperture

I shoot with a Pentax K200D with RAW+JPEG using the PEF format for RAW files. I then use Apple Aperture to edit the files, but I recently noticed that pictures converted to jpeg using aperture looke very different from the PEF files when viewed side by side.

Like RWB I am a bit confused by your query, but my guess is that you may at some point be comparing files derived from RAW PEF captures against captured JPEGs. In addition to being compressed, captured JPEGs have typically been heavily adjusted in-camera for color, sharpness, etc. Prior to editing, files derived from RAW captures will appear flat in comparison to such files.
-Allen Wicks

My images look completely different while I'm working in Bridge and Photoshop (CS6) than they do once they are saved.

They look normal while I'm working on them in Bridge or Photoshop but when I saved them (doesn't matter how I save them - jpeg, png, it's all the same) and view them with any other program or on any other computer the blacks go through the roof and the contrast is way too high. I didn't have this problem at all on CS3 and I'm using the same computer and monitor.

The profile, in this case Adobe RGB, follows the file, that's the whole idea. The profile defines the colors you get with those specific RGB numbers. The only option when you save is to not embed it, which is usually a very bad idea, because then the RGB numbers no longer have a specific meaning. They're just arbitrary numbers.
The working space mainly matters when you create a new file. The document profile, if it already has one, overrides the working space. Put it this way: each file has its own working space, and then you have a backup working space in case the file has none.
(You can change this behavior in color settings > color management policies, but don't. The default is "preserve embedded profiles", and that's the only sensible setting. The other two will quickly send you out swimming with no dry land in sight. So to speak).
All that said, working in Adobe RGB is probably not a good idea until you get a better understanding of the implications. sRGB is the safe choice, it will usually display correctly without any special considerations. So if you have an Adobe RGB file and you want to use the safer sRGB instead, you convert to sRGB, with the menu item Edit > Convert to Profile.
Don't be confused by the fact that you then have sRGB as both document profile and monitor profile. That's coincidental, and just to set up a safe workflow. These two profiles are still separate and serve different purposes. The document profile defines the numbers in the file; the monitor profile describes the behavior of the monitor. But they're similar enough so that you can use it in both places.
So. What do you see now, with sRGB as monitor profile? You must close down Photoshop and relaunch it for the new profile to take effect. Are they similar or still different?

TA24505 Why do d600 raw's look totally different than the jpg's that are imported together. When I select a raw, it looks as if it gets adjusted, but I can't figure out why...

When I import nef files from nikon D600, the pictures look good in the preview, but that's just because the preview is a jpg, generated by the camera. When I select the image, it looks like it is processing something and a totaly different (darker) images is presented in the preview window and the thumbnails. In the adjusment window no adjustments look active/selected.
Is the diference because Aperture cannot proces my Nef files the right way or are there some default adjustments selected in Aperture, somewhere that I'm not aware of? Maybe some default import setup...?
I use the latest updated version of Aperture, I'm new to aperture and understand the concept but am not familiar with all the tools.
Anyone?
(thanks in advance!)

Thanks Leonie,
I think this also answers my question:
Are you per chance using the in-camera setting for D-Lighting? If so, this is a Nikon proprietary use where the camera intentionally underexposes the image, then applies in-camera processing to bring it back to normal exposure that offers a slightly enhanced dynamic range. Unfortunately, Nikon does not share how this is done and it can only be rendered by their own software options.
Aperture, or any other third party RAW image processor, can't easily match these proprietary processes in any exact fashion ... they have to develop their own ... not just for one camera or one brand ... but all those they support ... even if they would try to match these in-camera settings ... the likelihood that they would satisfy more than a small batch of users is quite low ... tone and color results are purely subjective so finding a match that would please everyone is almost impossible.
This is why if you plan on using a third party RAW processor like Aperture, it is best to avoid using the in-camera processing settings. Rather you should create your own presets within Aperture to achieve your goals. In this instance, it is better to allow your chosen RAW processor to do the work, rather than the camera do the processing.
The reason you see the change in the image as Aperture loads it, you initially see the embedded jpeg preview from the NEF file. Then Aperture creates a new more accurate view based upon Aperture's RAW processing engine.
See the answer in context

New Firefox looks no different than the old one (before Version 4).

When I upgraded to Firefox 4, I noticed that the screenshots of the new version (in the tutorials) looked nothing like my browser did. Same thing with Firefox 5. Nothing seems to have changed, and the features that appear in the screenshots of the new version are not on mine at all. It still looks pretty much the same as it has all throughout Version 3.

In Firefox 4 and 5, the Firefox button that replaces the Menu Bar (''File, Edit, View, History, Bookmarks, Tools, Help'') is on by default only in Vista and Windows 7; '''Windows XP users''' must turn on the Firefox button. In XP you can turn on the Firefox button and turn off the Menu Bar is you wish by changing whether Menu Bar is checked or un-checked.
*Note: Menu Bar checked = Menu Bar on, Firefox button off; un-checked = Menu Bar off, Firefox button on
*using Menu Bar: click View > Toolbars > Menu Bar
*using Firefox button: click Firefox button > Options > Menu Bar
*keyboard shortcut: HOLD down the ALT key while pressing the keyboard letters VTM (repeating the keyboard shortcut will toggle Menu Bar on or off)
"Tabs on Top" can be turned on or off (checked = tabs above toolbars; un-checked = tabs below toolbars as in version 3.6.x and prior).
*using Menu Bar: click View > Toolbars > Tabs on Top
*using Firefox button: click Firefox button > Options > Tabs on Top
*keyboard shortcut: HOLD down the ALT key while pressing the keyboard letters VTT (repeating the keyboard shortcut will toggle Tabs on Top on or off)
'''What other features are you not seeing?'''
 
 
'''You need to update the following.''' The Plugin version(s) shown below was/were submitted with your question and is/are out of date. You should update to avoid known security issues with the version(s) you have installed. Click on "More system info..." to the right of your question to see what was included with your question.
*Adobe Shockwave for Director Netscape plug-in, version 11.5.9.620
*Adobe PDF Plug-In For Firefox and Netscape 10.0.1
*Shockwave Flash 10.3 r181 ('''''may be up to date; version in Add-ons > Extensions should be 10.3.181.26 for newest version''''')
*Next Generation Java Plug-in 1.6.0_25 for Mozilla browsers
#'''''Check your plugin versions''''' on either of the following links':
#*http://www.mozilla.com/en-US/plugincheck/
#*https://www-trunk.stage.mozilla.com/en-US/plugincheck/
#*'''Note: plugin check page does not have information on all plugin versions'''
#*There are plugin specific testing links available from this page:
#**http://kb.mozillazine.org/Testing_plugins
#'''Update Shockwave for Director'''
#*NOTE: this is not the same as Shockwave Flash; this installs the Shockwave Player.
#*Use Firefox to download and SAVE the installer to your hard drive from the link in the article below (Desktop is a good place so you can find it).
#*When the download is complete, exit Firefox (File > Exit)
#*locate and double-click in the installer you just downloaded, let the install complete.
#*Restart Firefox and check your plugins again.
#*'''Download link and more information''': http://support.mozilla.com/en-US/kb/Using+the+Shockwave+plugin+with+Firefox
#'''Update Adobe Reader (PDF plugin):'''
#*From within your existing Adobe Reader ('''if you have it already installed'''):
#**Open the Adobe Reader program from your Programs list
#**Click Help > Check for Updates
#**Follow the prompts for updating
#**If this method works for you, skip the "Download complete installer" section below and proceed to "After the installation" below
#*Download complete installer ('''if you do NOT have Adobe Reader installed'''):
#**SAVE the installer to your hard drive (save to your Desktop so that you can find it after the download). Exit/Close Firefox. Run the installer you just downloaded.
#**Use either of the links below:
#***https://support.mozilla.com/en-US/kb/Using+the+Adobe+Reader+plugin+with+Firefox ''(click on "Installing and updating Adobe Reader")''
#***''Also see Download link''': http://get.adobe.com/reader/otherversions/
#*After the installation, start Firefox and check your version again.
#'''Update the [[Managing the Flash plugin|Flash]] plugin''' to the latest version.
#*Download and SAVE to your Desktop so you can find the installer later
#*If you do not have the current version, click on the "Player Download Center" link on the "'''Download and information'''" or "'''Download Manual installers'''" below
#*After download is complete, exit Firefox
#*Click on the installer you just downloaded and install
#**Windows 7 and Vista: may need to right-click the installer and choose "Run as Administrator"
#*Start Firefox and check your version again or test the installation by going back to the download link below
#*'''Download and information''': http://www.adobe.com/software/flash/about/
#**Use Firefox to go to the above site to update the Firefox plugin (will also install plugin for most other browsers; except IE)
#**Use IE to go to the above site to update the IE ActiveX
#*'''Download Manual installers'''.
#**http://kb2.adobe.com/cps/191/tn_19166.html#main_ManualInstaller
#**Note separate links for:
#***Plugin for Firefox and most other browsers
#***ActiveX for IE
#'''Update the [[Java]] plugin''' to the latest version.
#*Download site: http://www.oracle.com/technetwork/java/javase/downloads/index.html (Java Platform: Download JRE)
#**'''''Be sure to un-check the Yahoo Toolbar option during the install if you do not want it installed.
#*Also see "Manual Update" in this article to update from the Java Control Panel in Windows Control Panel: http://support.mozilla.com/en-US/kb/Using+the+Java+plugin+with+Firefox#Updates
#* Removing old versions (if needed): http://www.java.com/en/download/faq/remove_olderversions.xml
#* Remove multiple Java Console extensions (if needed): http://kb.mozillazine.org/Firefox_:_FAQs_:_Install_Java#Multiple_Java_Console_extensions
#*Java Test: http://www.java.com/en/download/help/testvm.xml

Problem: design view looks completely different than live view

Similar Messages

Maybe you are looking for