Why does my dreamweaver Web page appear different on different devices?

I use CS5 to make my Web page.  When I view it on a macbook he looks quite good.  I'm doing my site on a macbook as well.  However, when I view on a desktop computer, usually a desktop apple computer, it looks completely different.  The police are not in the right place.  Also I usually use Safari to view the Web site and the font style is correct but when I I view it in Firefox changes font style and text are moved.  Someone at - it solutions that will fix these problems.  I have to admit that I'm still new to DreamWeaver and everything I've learned has been from Youtube and just play with the program.  Thank you!

Major problem: the liberal use of APDivs (absolute positioning).  Not a good choice.  Here's why:

http://www.apptools.com/examples/pagelayout101.php

Solution: Again without APDivs.  Use CSS margins, padding & floats to align elements.

http://ALT-Web.com/demos/3-CSS-boxes.shtml

http://CSS.maxdesign.com.au/Floatutorial/

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Web page looks different under Internet Explorer 9.0 and Safari 5.1.

    One of my web pages appear different under Internet Explorer 9 to how it looks in Safari 5.1.

    If you look at this site:

    http://www.staging-area-2.com

    His header/banner at the top is narrower than the record of page of a few pixels.  The two should be 900 pixels wide.

    Can someone help me?

    I don't see a difference between the rendering of Chrome, Firefox and IE9 (Zoom = 100%).

    However, the banner image 900px × 158px (scaling to 904px × 159px) is located on the page, index.shtml and not reduced on other pages. What do you see?

    PS. I think it would be nicer if you used your banner, GIF JPG not.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • Im doing a sensitive web page and the height of my divs match, even if I did the math! No idea why?

    Im doing a sensitive web page and the height of my divs match, even if I did the math! No idea why? I have a rectangle of 100% with screen (1260px) with a square that represents 49% of the rectangle, with 2% margin on the right. Then the other half there is room who do the same size of the largest square with bottom margin and right, as appropriate. Yet looks like this in the browser! No idea why they do not align?Screen Shot 2014-10-31 at 14.48.00.png

    Don't worry thereon, as soon as I posted I worked out how to do it!... Typical! I had somehow reduced the padding inside the small images! Thanks nevertheless!

  • Why does my 7th generation nano play different versions of the same song (acoustic, demo, replacing) one after another before she switches to a different song.

    Why does my 7th generation nano play different versions of the same song (acoustic, demo, replacing) one after another before she switches to a different song?

    Maybe the current list of the song has the songs listed in alphabetical order, and you have the iPod nano to play in the order of the list...  How do you think iPod nano to read the list of songs?

  • HP OfficeJet 4650: HP OfficeJet 4650 does not print web pages: print from Word etc very well. Using Firefox and Windows 7

    HP OfficeJet 4650 does not print web pages: print from Word etc very well.  Using Firefox and Windows 7

    Œuvres of chrome!  Does this mean I have to give up Firefox?

    Thank you!!!

  • ePrint does not print web pages of Tablet Windows 8 Microsoft Surface

    ePrint does not print web pages of Windows 8 (x 64) Microsoft Surface Tablet

    Any ideas?

    Hello JereTanner,

    Welcome to the Forums of HP Support!

    I see you are trying to print web pages of a tablet of Surface. What model printer you are trying to print to? Also, is there an error, message, etc., when you try to print?

    In general, ePrint is used when printing emails or transmission of documents / photos to the printer address, is the next how you try to print a web page?

    Since it is a Windows 8 operating system, you can be able to install the full features software and print that way. When I know more about how you want to print, what happens when you try and which printer you are using, I will be able to help.

    See you soon,.

  • Why web pages appear incorrectly after upgrade to 6.0 3.6?

    When I upgraded from 3.6 to 6.0 (tried twice), it caused poster on the webpages to be severely compromised. I had coins of headers, in the wrong places in some cases (mainly Facebook - on the left side) and no content. Shopping sites had items and headings displayed, but no description. I could access all this with IE is not my computer. Back to 3.6 has solved the problem. He also had graphs replacing text on some pages. What did display some pieces of pages would meet to keyboard commands or the mouse intermittently.

    Reload Web pages, and ignore the cache.

    • Hold SHIFT and click reload.
    • Press 'Ctrl + F5' or 'Ctrl + Shift + R' (Windows, Linux)
    • Press 'Cmd + Shift + R' (MAC)

    Clear the cache and cookies from sites that cause problems.

    "Clear the Cache":

    • Tools > Options > advanced > network > storage (Cache) offline: 'clear now '.

    'Delete Cookies' sites causing problems:

    • Tools > Options > privacy > Cookies: "show the Cookies".

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions of the origin of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

  • By aligning the Center in Dreamweaver Web page

    Hello. I am a beginner and I'm trying to align the second page of the entire site. I managed to center align perfectly the first page by clicking on the border, but when I export the second page of Photoshop, Dreamweaver CSS code appears and it's the only thing different from the two that will not let me choose the border, so I can center align. See the first page a + 280 lines of code, while a second + 400 lines. Also, I can't find the zoom tool. If please see the images and hope an answer from someone.

    Screen Shot 2014-10-24 at 10.29.04 PM.png

    Screen Shot 2014-10-24 at 10.30.18 PM.png

    Screen Shot 2014-10-24 at 10.29.30 PM.png

    Screen Shot 2014-10-24 at 10.30.01 PM.png

    The construction of the two pages are completely different, the first page makes use of TABLE for layout, the second page uses DIV to its layout.

    The first page is centered using the align property as in the table

    Align = "center".

    The second page is trying to align the page by applying an automatic to an element with an ID of principal as in margin

    #main {}

    margin-right: auto;

    left margin: auto;

    }

    But it won't work because the width of the element is not known. If we add a width as in

    #main {}

    margin-right: auto;

    left margin: auto;

    Width: 1281px;

    }

    you will notice that the page has been centered.

    Having said the above, I shudder when I see the construction of two pages. I think you need to catch up with markup (HTML) and style (CSS) before you tackle the creation of web pages.

  • Safari and Google Chrome does not open Web pages

    I have a macbook Air, about 1 year ago. On safari and chrome are the only sites that will open: apple (like this forum) Web sites, netflix, youtube and gmail. I can look for other sites, but when I click on the link, the following message appears like this-(for example on weather.com):

    Www.weather.com page does not work

    www.Weather.com has not sent any data.

    ERR_EMPTY_RESPONSE

    So, the Web site of cnn, another example, looks like this:

    Does not the www.cnn.com page

    www.CNN.com has not sent any data.

    ERR_EMPTY_RESPONSE

    Of course, I don't know what happened, any help greatly appreciated.

    You can follow the article: If Safari does not load a page or Web page elements are missing - Apple Support

  • Print a specific to Ubuntu Web page is different from printing to the same printer in Windows.

    A specific Web page that I need to print regular print well in firefox under Windows XP, but the areas of text wrap differently in firefox on Ubuntu. It is only visible in the preview page print - in normal Web page it shows correctly.

    You can automate using the Greasemonkey extension and a userscript.

    After installing Greasemonkey, a monkey icon should appear in the bar of the add-on. When you are on the page that you want to change, click on the little drop-down menu and choose new user script change the URL so that it will match all your checks and add an asterisk (*) at the end (this option is also available in the Tools menu; ALT + t to see if necessary.)

    You can choose any text editor as your code editor. Then add above the line of code below the block of metadata automatically inserted. It should be applied automatically when you reload the page.

    A little luck?

  • Occasionally Safari for Mac does not load web pages; Firefox is loading of web pages. The possible reasons?

    I started having this problem around mid-2016. In short, if I use Safari to surf the internet, after about 5-10 minutes, Safari would not completely load the page not load completely. If I turn off my wifi then return (on the macbook), the page will load temporarily. On the other hand, Firefox does not have this problem and loads web pages normally. Possible reasons or solutions?

    I do not think that the problem comes from my internet connection or your router because my iPhone Safari normally connects under the same network.

    I use a Macbook Air, OSX V. 10.11.3 (El Capitan)

    Go step by step by step and test.

    1. turn off the power to the router. Unplug it from the wall. Wait a while.

    Plug it in, back to the wall. Turn on the router. Wait for all lights are light up properly. It will take a while.

    Restart the computer.

    Boot mode safe.

    https://support.Apple.com/kb/PH18760?locale=en_US

    2 remove Caches.db

    Close all windows and close all applications.

    Hold down the 'option' key, then click on the "Go" menu in the Finder menu bar.

    Select 'Library' in the menu dropdown.

    Library > Caches > com.apple.Safari > Caches.db

    Right-click on the Caches.db file and select "move to trash".

    Close the windows.

    Restart and restart Safari.

    3 empty Caches

    Safari > Preferences > advanced

    Tick the box "Show develop menu in menu bar."

    Develop menu will appear in the Safari menu bar.

    Click on develop and select 'Empty cache' in the menu dropdown.

    4. remove the Cookies

    Safari > Preferences > privacy > Cookies and other data from the website:

    Click on the button "Details".

    Delete all cookies except those from Apple, your internet service provider and the banks.

    5 Disable Extensions and test them.

    Safari > Preferences > Extensions

    Uncheck 'Enable the Extension' and test.

    Enable the Extensions one by one and test.

    To uninstall any extension, select it and click the "Uninstall" button

    If this does not help, run EtreCheck and post the report here.

    http://etresoft.com/etrecheck

    Download, open the download folder, click on it to open it and select "Open" in the dialog box to execute.

    Click on the button "Report share" in the toolbar, select "Copy to Clipboard" and then paste it when replying.

  • B209a printer does not print web pages

    I'm on a photosmart B209a all in one printer with a laptop G62 220, connected with a USB cable.

    Everything worked fine until I got a new router/modem from my ISP provider but now my printer will not print web pages, it allows to print from notepad and windows live mail, was trying to solve the problem for 14 days now, running windows 7 64 bit, I was told to uninstall IE9, so now I use IE 8 Uninstall shockwave and flash player as suggested on the microsoft forum.

    My ISP server has taken over remotely from my laptop and set up wireless so I installed my aswell wireless to the printer, the problem is that he returned when he was a homegroup with my office if the printer can not go on the same network as the laptop, tried to reset to the factory settings and went out of the wireless connection shooters wrong to say this device is working properly, it prints on a very fast test page, a wireless test page it prints but so slow.

    At times it will print and other no way.

    On my home page on the file menu, the CHECK is grayed out and the homepage opens with, done, but with errors at the bottom of the page, any web site I'm going to say "you want to view only content delivered safely? and gives me the option to YES / NO, it's my book of spouses and I gave her the printer when I bought a new. In this House, we have only the laptop and the printer does not work need to a homegroup. My ISP server has made things worse x 10, my printer is no longer under warranty but the laptop is under warranty until April 28.

    My network is 192.168.1.254, my printer continually goes to 192.168.1.66 no matter what I do, I can not change, I put to the factory settings, out of the WiFi, installed and uninstalled the printer, whenever he prints a picture and congratulations to say that you have correctly installed your printer, HP told me to uninstall IE 9 because they have problems with older printers does not I bought in April 2010 so I wouldn't say that it's old.

    If anyone can suggest something to solve these problems, I would appreciate it. Thank you

    I had already followed many of the steps in the procedure you provided me with, but I have never type in folder in the start menu

    I just removed the USB cord and went to devices and printers and click on uninstall all software and drivers, then went to the control panel to ensure that it did not appear anywhere and did a reboot. the I went to HP website and downloaded the drivers and full software features and followed the instructions and did a restart, but does not yet so finally I did a system restore to where I got the new router/modem and now it prints very well.

    I think the problem is my browser as you say because in the FILE menu I still don't have the menu SAVE, it is grayed out, SAVE option YOU only.

    Do a system restore back IE 9 but the key is that the printer is now working and sweeping as it was before.

    Thanks for your time and your help, I really appreciate it.

  • IE 7, FireFox 2 and IE 6, FireFox 2 my pages appear differently

    My site is a simple design. With the help of Macromedia DREAMWEAVER 2004 Version 7.0.1.
    I use the model with several div. The content of all the div is static and is entered into the models. There is a div in the center that is editable when you use the model to create web pages. Display a web page
    www.chrisgrey.com/Theory.htm in IE 6 the editable area extends the color if the content is longer than the size of the model. In IE 7 and FireFox 2, the color of the area ends when it ends in the model.
    I use CCS to the model. The area within the CEB is:
    {.menuarea}
    background-color: #999999;
    border: 2px solid #FFFFFF;
    do-family: Arial, Helvetica, without serif.
    do-size: 16px;
    color: #FFFFFF;
    position: relative;
    Police-weight: 500;
    }
    In the div, it is:
    < div id = 'hand' style = "position: absolute;" left: 193px; top: 62px; Width: 405px; height: 543px; z-index: 5; ' class = "mainarea" > <!-InstanceBeginEditable name = "EditMain"->

    So are the style = "position: absolute;" in the div tag and
    position: relative; in competitor SAB, and why he shows one way in IE 6 and another in IE 7?

    Should I upgrade to Dreamweaver 8? I need to know the cause so I can keep the web site.

    Thanks, Chris

    I found the answer to this problem
    http://msdn.Microsoft.com/library/default.asp?url=/library/en-us/IETechCol/cols/dnexpie/IE 7_css_compat.asp
    In the section that says:
    "Working around overflow: visible default behavior.
    If you have height: px, then you need to change to min-height for IE7.

  • Why it prints PDF web page in hieroglyphs

    When I print a PDF web page it prints sometimes in hieroglyphs my screenshot, not text. Other formats and ordinary web pages print ok. Any ideas please? I see that by selecting "print image" can solve the problem, but I find that when I go to file / print advanced as suggested. I have the latest version of Adobe Reader and my printer, I bought yesterday new. Any ideas please?

    When you install Firefox, it uses a built-in default PDF Viewer. This viewer uses the dialog box print of Firefox instead of print to Adobe dialog.

    You can try to switch to the Adobe Acrobat plugin to view your PDF. Then, you can use either the floating bar the print icon or press the ESC key to show the menu plugin to print.

    This article has the steps to change your favorite PDF reader: How to disable the built-in PDF Viewer and use another Viewer.

    Does it work?

  • Windows 8 - FF 28 does not have web pages correctly

    I just got a new laptop (ASUS R751L) running Windows 8 and 28 of Firefox, but most of the web pages are not displayed correctly. It is a serious problem for me because I am developing a Web site.

    Basically, the problems are the following:

    CSS rules - are partially ignored
    -Some images do not appear
    -Icons shortcut in the bookmarks toolbar are a bit blurry

    For a screenshot, please visit https://dl.dropboxusercontent.com/u/39492899/firefox-not-working.png.

    I have read that it may have to do with the NVIDIA graphics card (mine is NVIDIA GeForce GT M 740). Supposedly, uncheck "Use hardware acceleration if available" and restarting Firefox can solve these problems, but for me, it didn't.

    Should which option I left in order to run properly on my new laptop to Firefox?

    Thank you in advance.

    Ruben Geert van den Berg
    Amsterdam, Netherlands

    Hello ruben, I think it is perhaps due to the contrasting theme that you have defined in your windows control panel (in this case, firefox goes into mode of accessibility that looks like on your screen). Please return a common layout.

    Edit: and to remove the blur, set the windows display size to 100%

    http://Windows.Microsoft.com/en-us/Windows7/make-the-text-on-your-screen-larger-or-smaller

Maybe you are looking for