Can't Preview In Browser

Hey guys, I'm hoping I can get some help with this problem that's happening.  For some reason, Dreamweaver isn't recognizing the correct location of my files.  I have a MacBook Pro running the latest version of OS X, and I also have two hard drives installed, which is where this problem is happening.  I store all of my music, documents, etc. on a hard drive and everything else on an SSD.  When I try to preview in the browser, it says the web page can not be found in all browsers. 
I can't seem to find a solution for his in the preferences.  I even have tried to use a temporary file.
Thanks

Going through the Mac finder to an external drive will not load http://volumes.  It opens file:///volumes which is a different protocol.  When you setup a test site in DW it uses the http protocol.  You may be able to get away with setting up a server like MAMP and pointing it at the external drive directly and using the http:// address from the web server.  Otherwise you need to setup the external drive as a shared network drive so you can call the network address vs. calling a local file:/// address.

Similar Messages

  • Please help - can't preview in Browser

    Ok - I am relatively new to Dreamweaver, even though I designed my previous website in Frontpage.  I bought a template thinking that I could just worry about designing the website rather than the background stuff (don't get mad at me).  Well, that wasn't working and I tried to design my own template, which is very simple.  Anyway, I am so messed up now.   The old pages with the old template won't preview in browser and the new ones won't either.  What did I do?

    Run your code through the validation tools below and fix reported errors.
    Orphaned HTML tags (an extra opening or closing <div> ) can mess things up.
    W3C CODE TOOLS -
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    HTML & CSS Tutorials - http://w3schools.com/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Why can't Chrome find the webpage when Previewing in Browser?

    Hi -
    This is thoroughly bizarre to me.
    I can preview any site I'm working on using any browser I have except Chrome (current version 33.0.1750.152).
    As an example - when I use Preview in Browser - Chrome says "the webpage is not found" - the path to the page is:
    file://external-drive/_PROJECTS/CLIENT/_files-from-client/_SITE-031614/index.html
    My next step is to manually navigate to the page using Chrome's File/Open.  This works perfectly but when the page appears the path is different:
    file:///Volumes/external-drive/_PROJECTS/CLIENT/_files-from-client/_SITE-031614/index.html
    This second path is the same path in the Manage Sites/Site/Local Site Folder line.  All other browsers (FFox, Safari, Opera) use this second path.  But for some reason Chrome has shortened the path to an incorrect address.  Weird!
    I don't think this is related to Mavericks because it was happening before that upgrade.
    Has anyone else had this happen?  Can anyone explain how I can fix this?
    TIA your insight.
    JL2
    BTW - other details:
    Dreamweaver version 12 (CS6), Mac OS X 10.9.2.

    Stanko07 wrote:
    Hi jl200,
    I have the same problem since few weeks, and I am absolutely sure that jdaco answer isn't correct. All my files are on a desktop (iMac hard drive) all times and Dreamweaver has a problem with a preview in the Chrome browser. Few weeks ago everything was OK, so there isn't a problem with the files location. I think the problem has started after the last Dreamweaver update. Unfortunately I don't have any idea what to do to resolve this issue.
    You're right, the answer provided might be part of the problem but it's not the solution to the whole problem. My files are located on the computer too and Chrome will not preview them, sometimes, most of the time.
    I can't be asked to find out exactly why so I use Firefox or Safari.

  • SSI (Server Side Includes) - Can't see when using "Preview in Browser"

    Hi,
    Using Dreamweaver CS3
    I can see all my includes in Design View, but not when I "Preview in Browser"... Any way to see them also when I preview in browser?
    Best regards
    CB

    That worked very well, thank you so much~~

  • I can't preview my site in any browser

    I have a Windows computer and I can't preview my site in IE or Firefox.  IE tells me "cannot display the webpage".....Firefox tells me "can't establish a connection to localhost."  I've been trying to fix it for a couple hours now, I would appreciate any help/tips/suggestions that anyone can give me.  Thanks.

    The "can't establish a connection to localhost" message most likely means your Dreamweaver site definition has a testing server set up. Make sure your testing server is is up and running and that should mean your browser previews will work (assuming I've diagnosed your issue correctly).

  • Hello, I uploaded a new website but all the svg files don't display on the browsers. when I open it in Muse with the "preview in browser", its fine! can someone tell me please where my problem is? (sorry for my english!)

    hello, I uploaded a new website but all the svg files don't display on the browsers. when I open it in Muse with the "preview in browser", its fine! can someone tell me please where my problem is? (sorry for my english!)

    Hi
    Could you please check this thread, it might be helpful
    Muse not exporting svg, can only see in preview

  • Why can't I see my picture in preview in browser?

    I have some pictures setup that look fine in live view or in design view. When I switch to preview in browser they aren't there. Any suggestions?

    I did not know. I actually didn't code this. I work for a website and am just doing some updates to the help and about us pages. I know basic css and html and thats it. SO much of the code around the header and footer is javascript and .net stuff when all I want to do is work in the main container. So I downloaded our css page and just wanted to created a basic skeleton. Everything shows up in the preview ok, just the preview in browser doesn't work, which I would like for sizing issues. So how can I change that to get it to show up in the preview browser?

  • Can't get template to preview in browser with style

    Hi, I made a template page ( hurray for the newbie!) I wrote
    some quick stuff in it just to test it out, but when I preview it
    has NO style. Only blank boxes where photo's should be, no columns,
    nada! If I recall I went to file>new> page from
    template>selected Main( which was the template name> clicked
    the Update button on that screen, then clicked create. page came up
    fine. I wrote some script, hit save as, wrote in something.html ,
    o.k., then tried to preview in browser, no style at all. I'm
    missing something, but what? Anyone else have this problem?
    Thanks!

    Let's see the page. There are several things I can think of
    that would
    account for this....
    1. Your link to the stylesheet is a root relative link, and
    you are not
    previewing with temp files enabled
    2. Your stylesheet is linked improperly
    3. Cosmic rays
    A glance at your code will likely reveal the cause.
    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
    ==================
    "kidcoconut" <[email protected]> wrote in
    message
    news:fpjttj$a9t$[email protected]..
    > Hi, I made a template page ( hurray for the newbie!) I
    wrote some quick
    > stuff
    > in it just to test it out, but when I preview it has NO
    style. Only blank
    > boxes
    > where photo's should be, no columns, nada! If I recall I
    went to file>new>
    > page
    > from template>selected Main( which was the template
    name> clicked the
    > Update
    > button on that screen, then clicked create. page came up
    fine. I wrote
    > some
    > script, hit save as, wrote in something.html , o.k.,
    then tried to preview
    > in
    > browser, no style at all. I'm missing something, but
    what? Anyone else
    > have
    > this problem?
    >
    > Thanks!
    >

  • Can not add Google in Preview in Browser Window

    Hi
    I have just started usning DW 13.2 CC on win7.  In Preferences>Preview in Browser> Help, OK, Cancel Buttons are missing. Only + - Buttons are visible. I followed to next window and added Name and pointed to .exe file it took me back to <Preview in Browser> Help, OK, Cancel Buttons are missing. So how do I add Google?

    Not sure what the OK and Cancel buttons are, but by using the following procedure, you will be able to add your favourite browser.
    To add a browser to the list, click the Plus button, complete the Add Browser dialog box, and then click OK.
    To delete a browser from the list, select the browser, and then click the Minus button.
    To change settings for a selected browser, click the Edit button, make changes in the Edit Browser dialog box, and then click OK.
    Select the Primary Browser or the Secondary Browser option to specify whether the selected browser is the primary or secondary browser.  F12 (Windows) or Option+F12 (Macintosh) opens the primary browser; Control+F12 (Windows) or Command+F12 (Macintosh) opens the secondary browser.
    Select Preview Usin
    Select File > Preview In Browser > Edit Browser List.
    Select Preview Using Temporary File to create a temporary copy for previewing and server debugging. (Deselect this option if you want to update the document directly.)
    Please ignore the images of the plus and minus buttons, these are courtesy of this forum and has zilch to do with DW

  • Can't Preview Template in Browser

    Everytime I try to preview my template in browser (F12), a
    dialog pops up asking if I want to open or save this file, which I
    have already done...then nothing happens. Is there something I am
    missing in order to preview my template in browser? Thanx.

    enable previewing with temp files.
    that will create a temp .html file the browser will
    understand, instead of
    the .dwt file
    dw preferences-->preview in browser. there is a checkbox.
    this may be a "by site" choice in dw8, and be in the site def
    information,
    i'm not sure.
    > Everytime I try to preview my template in browser (F12),
    a dialog pops up
    > asking if I want to open or save this file, which I have
    already done...then
    > nothing happens. Is there something I am missing in
    order to preview my
    > template in browser? Thanx.
    >

  • How can I get Firefox to display 'preview in browser' Dreamweaver Web-page files?

    I chose Firefox as the primary browser for Adobe Dreamweaver's 'Preview in Browser' to display Web pages as I develop them. '''Firefox used to work just fine'''. Recently, however, when choosing Firefox to Preview in DW, FF merely opens to my home page. Once opened, FF will not accept/preview any files from Dreamweaver, regardless of how many times I choose to Preview. Safari and others - when selected as the preview browser - display them perfectly.
    PPC Mac, OS X 10.4.11, Firefox v. 3.6.21

    Have you tried the update to Fast Dial, version 4.2.1 or later? It should override the built-in new tab page: https://addons.mozilla.org/en-US/firefox/addon/fast-dial-5721/ ''(Note: I haven't tested it myself)''
    If you are using a similar add-on that isn't the same "Fast Dial", which one is it?

  • Can not preview HTML pages in browser

    I am unable to preview my HTML pages in a browser eg. safari. firefox etc... before uploading them to my server. I have tried going into preferences and clicking on the preview in browser section and adding a new primary and secondary browser but it will not work. I was able to preview my pages in browser mode fine up until a few days ago when it suddenly stopped working. I am using Mac OS X version 10.5.8, Prosessor 4x2.5 GHz PowerPC G5. Memory 4.5 GB DDR2 SDRAM. I have Dreamweaver CS3. My test server is set to none.

    Hi Murry,
    When I try to preview HTML pages in browser it comes up with a message saying 'Would you like to define a primary browser now?' but when i try this it does not work, it will not recognise the browsers when i add them to the list.
    Corinne

  • Preview In Browser Not Working With Safari 3.0 On Mac

    When using the "Preview in Browser" command from DW CS3, the
    file address information is incorrect when previewed in Safari 3.0.
    I don't recall this being a problem before I updated my Mac to
    Tiger. Anyone else had any problems with this?
    Thanks,
    cloud9indusrties

    If the address information is incorrect you should double
    check your paths. Also, consider using the computer's IP address if
    you can as opposed to the localhost address. All you would need to
    make that work is to just turn on Web Sharing in the preferences
    (this turns on Apache web server). I have found this to be a much
    more reliable method on the Mac.
    Also, please make sure, if you have not already done so, that
    Safari is the latest version (meaning the final release and not the
    beta), because there were issues with the beta that I had.

  • When previewed in browser or on the server the path of my web site repeats folders. However the "href" in the html code does not show the repetition in the path.

    If someone could help me on this one, this would be great. I am creating a web site that has several departments. I have categorized and saved each department in a main folder called "departments" and a subfolder for each one. In the Dreamweaver code view the pop-up menu links seem to show up properly, but when I preview in browser or upload to server "page not found" comes up because for some reason the address changes. Some parts of the address seem to be appearing twice, sometimes the entire path will appear twice as shown below:
    http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/departments/p arks-and-recreation/pr-arabiamtn-map.html
    that is incorrect and it takes me to "web page cannot be found".
    It is obviously repeating the folders (hence the "departments/parks-and-recreation" twice. The correct link is:
    http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/pr-arabiamtn- map.html
    The link issues are happening in the pop-up menu. For example if you go to http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/pr-arabiamtn. html and rollover the link called "Arabia Mountain" in the links to the left side of the page, then click the pop-up menu link entitled "Arabia Mountain Map" that's where the problem occurs.
    Can anyone tell me how I can fix this problem. I don't know what I should do with the code since it already appears correct in html view.
    Please help if you can...
    Thanks in advance for any possible help you can provide...

    XonoBoom wrote:
    It is obviously repeating the folders (hence the "departments/parks-and-recreation" twice. The correct link is:
    http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/pr- arabiamtn-map.html
    The link issues are happening in the pop-up menu.
    This problem usually happens when the menu is either a server-side include or a library item using links relative to the document. When you reference a page at a different level of the folder hierarchy, the document-relative links no longer point to the correct destination.
    Change the links in the menu to be relative to the site root.
    A document-relative link usually looks like this:
    <a href="../products/index.html">Products</a>
    A link relative to the site root begins with a forward slash like this:
    <a href="/products/index.html">Products</a>

  • Preview in Browser and Adobe Browser Lab show website differently? Please help

    Hi...working on my first website and I have a question about the differences in viewing the site through
    choosing file...preview in browser....
    from within Dreamweaver, and using the Adobe Browser Lab to view the website.
    There seems to be a very significant difference between the two. When I preview firefox from within dreamweaver, my site is just how I want it.
    When I go to browser lab, it is...well... a disaster.
    I'm attaching screenshots of the two as well as my code, so it can show how different they are. Here is a screenshot of the website as it looks when I use the preview in browser function from within dreamweaver to view it in firefox. This is how I'd like it to look.
    And here is a screenshot of what it looks like when I preview it in Adobe Browser Lab in Firefox.
    The quote is underneath the logo, the left div text is flowing over the center div, the nav bar graphics are too narrow, the photo is hanging outside the div it should be contained in. Not what I want.
    Does anyone have any insight into how I would fix this or which version is correct?
    I'm stumped. This is my first website: shouldn't these two things be similar? And which one is correct?
    and here is my code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Your Career Direction Career and College Counseling</title>
    <style type="text/css">
    <!--
    @font-face {
        font-family: 'museo_sans_500regular';
        src: url('museosans-500-webfont.eot');
        src: url('museosans-500-webfont.eot?#iefix') format('embedded-opentype'),
             url('museosans-500-webfont.woff') format('woff'),
             url('museosans-500-webfont.ttf') format('truetype'),
             url('museosans-500-webfont.svg#museo_sans_500regular') format('svg');
        font-weight: normal;
        font-style: normal;
    @font-face {
        font-family: 'museo_sans_500italic';
        src: url('museosans-500italic-webfont.eot');
        src: url('museosans-500italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('museosans-500italic-webfont.woff') format('woff'),
             url('museosans-500italic-webfont.ttf') format('truetype'),
             url('museosans-500italic-webfont.svg#museo_sans_500italic') format('svg');
        font-weight: normal;
        font-style: normal;
    @font-face {
        font-family: 'binary_itcregular';
        src: url('binaritcbol-webfont.eot');
        src: url('binaritcbol-webfont.eot?#iefix') format('embedded-opentype'),
             url('binaritcbol-webfont.woff') format('woff'),
             url('binaritcbol-webfont.ttf') format('truetype'),
             url('binaritcbol-webfont.svg#binary_itcregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }body {
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 100%;
        line-height: 1.4;
        background-image: url(images/background.gif);
        background-repeat: repeat;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
        padding-right: 15px;
        padding-left: 15px;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    h1 strong {
        color: #C60651;
        font-size: 90%;
        font-family: "Binary ITC Bold";
    h1 strong em {
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
        color:#414958;
        text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        color: #4E5869;
        text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
        width: 80%;
        max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
        min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
        background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
        margin-top: 0;
        margin-bottom: 0;
        margin-right: auto;
        margin-left: auto;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300";
        border-right-width: thick;
        border-left-width: thick;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #C60651;
        border-left-color: #C60651;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
        padding-top: 40px;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    #Quote {
        float: right;
        clear: left;
        margin-right: 50px;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
        float: left;
        width: 15%;
        padding-bottom: 10px;
        margin-top: 40px;
        border-top-color: #FFF;
        border-left: #FFF;
        margin-left: 25px;
        background-color: #FFF;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .content {
        width: 60%;
        float: left;
        margin-top: 40px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .sidebar2 {
        float: left;
        width: 30%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding-top: 0;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 60px;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300";
        font-size: 100%;
        color: #666;
    #Quote {
        float: right;
        clear: both;
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
        list-style: none; /* this creates the space between the navigation on the content below */
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
        line-height: 250%;
    .nav {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    ul.nav li {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        padding: 5px 5px 5px 15px;
        display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
        text-decoration: none;
        color: #333333;
        background-color: #FFF;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
        color: #C60651;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
        background-color: #FFF;
        background-image: url(images/navbar2.gif);
    /* ~~The footer ~~ */
    .footer {
        padding: 10px 0;
        position: relative;/* this gives IE6 hasLayout to properly clear */
        clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    /* ~~miscellaneous float/clear classes~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .container .content {
        width: 50%;
        font-size: large;
    #footer {    width: 100%;
        background-color: #FFF;
    .container .sidebar2 h4 img {
        padding-left: 20px;
        padding-top: 0px;
    .sidebar2 p img {
        border: medium solid #C60651;
    #Insert_logo2 {
        border-top-width: 4px;
        border-right-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-top-color: #fff;
        border-right-color: #fff;
        border-bottom-color: #fff;
        border-left-color: #fff;
    .container .content p .content strong {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .container .content .content {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .container .content ul li strong {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
        font-size: 95%;
        line-height: 150%;
        list-style-type: disc;
    test {
        font-family: "Binary ITC Bold";
    .container .sidebar2 p img {
        margin-right: auto;
        margin-left: auto;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-top-color: #C60651;
        border-right-color: #C60651;
        border-bottom-color: #C60651;
        border-left-color: #C60651;
    li strong {
        line-height: 130%;
        list-style-type: circle;
        color: #978980;
    .container .content ul {
    .container .sidebar1 .nav {
        margin-top: 10px;
        margin-bottom: 10px;
    .nav li a {
        background-image: url(images/navbar2.gif);
        background-repeat: no-repeat;
        background-position: right center;
        left: auto;
        right: auto;
        clip: rect(auto,auto,auto,auto);
    .container .sidebar1 h6 {
        padding: 0px;
        color: #000000;
    #footer h3 strong {
        font-size: 60%;
        color: #978980;
    .container .content p {
        padding-left: 5%;
        padding-right: 5%;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .container .sidebar2 p {
        padding-right: 8%;
        padding-left: 8%;
        padding-top: 5px;
    #Insert_logo2 #Insert_logo2 {
        padding-left: 15px;
    .container .content ul {
        color: #C60651;
    h6 {
        color: #000;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .sidebar1 h8 strong {
        font-size: 80%;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300";
    .container .sidebar1 h7 {
        font-size: 40%;
        color: #978980;
    .h7 {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
        font-size: 15%;
    .container .sidebar1 h8 {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]--></head>
    <body>
    <div class="container">
      <div class="header"><!-- end .header -->
        <p class="clearfloat"><a href="#" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Insert Logo Here" name="Insert_logo" width="638" height="110" id="Insert_logo2" style="background: #FFF
        ; display:block;" /></a></p>
        <div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
        <p class="clearfloat"> </p>
      </div>
      <div class="sidebar1">
        <ul class="nav">
          <li><a href="#">Home</a></li>
          <li><a href="#">Students</a></li>
          <li><a href="#">Parents/Educators</a></li>
          <li><a href="#">Professionals</a></li>
          <li><a href="#">Bio/Contact</a></li>
          <li><a href="#">Q &amp; A Blog</a></li>
          <li><a href="#">Testimonials</a></li>
        </ul>
        <p> </p>
        <p> </p>
        <p> </p>
        <h8><strong>Your Career Direction</strong><br></h8>
        <h6>96 Harvard Avenue<br>
        Maplewood NJ 07040<br>
        [email protected]<br>
        (973) 996-0207</h6>
        <h7>© Your Career Direction, LLC, 2012<br>
      </h7>
        <p> </p>
      </div>
      <div class="content">
        <h1><strong><img src="images/Whether-you-are.gif" width="266" height="48" alt="Whether you are"></strong></h1>
        <ul>
          <li><strong>Considering your college choices &amp; career options</strong></li>
          <li><strong>Preparing for the world of work after college</strong></li>
          <li><strong>Seeking a new position to further your career</strong></li>
          <li><strong>In-transition and considering new opportunities</strong></li>
          <li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
        </ul>
        <p> </p>
        <h1><img src="images/One-thing-is-for-sure.gif" width="310" height="38" alt="One thing is for sure"></h1>
        <p>We all need to direct our own careers, our own lives!</p>
    <p>Given today's competitive job market, global economy, and changed corporate culture, we can no longer depend upon others to ensure our professional futures. Choosing or changing your career direction requires self-reflection, career education and an action plan. </p>
    <p> Building a successful and rewarding career requires linking your interests, education and skills, with trending industries, job opportunities and your experience.  It takes making smart decisions about your college major, vocational training and continuing education options. With motivation, persistence and top notch job search skills, you can succeed in finding a path to building a career that is right for you.</p>
    <p>At Your Career Direction, we are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go. </p>
    <p> </p> 
    <!-- end .content --></div>
      <div class="sidebar2">
        <p><img src="images/Counselingastudent.gif" width="321" height="256" alt="Lisa Mark counseling a student"></p>
        <p>By combining an understanding of your interests and current skills with what&rsquo;s happening in today's marketplace we&rsquo;re able to partner with you to develop new career ideas, target companies, and generate job and internship opportunities. We provide step by step assistance to ensure success in your written communications, presentation skills, job search, interviews and life choices.</p>
    <p>At Your Career Direction, YOUR career is our passion. Our mission is to educate and counsel you to choose your own path in life and become what you want to be. </p>
    <p> </p>
    <p> </p>
      <!-- end .sidebar2 --></div>
      <div class="footer">
        <div id="footer">
          <h3 align="center"> </h3>
        </div>
        <p> </p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </body>
    </html>
    Thanks for your help.

    You are using % widths for your layout which means it will look different depending of the size of each users monitor. Although this is probably the better way to go these days, it is not one size fits all and will work more effectively if you include min and max widths, and also media queries that change your layout depending on the monitor size. This is more advanced coding and will take time if you want to do that. Alternatively, you could design using pixel widths and have it look consistent across all desktop browsers and throw a few media queries in for the mobile side.
    Responsive Web Design
    http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/#more-7 5660
    More on Media Queries
    http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mo bile-version-of-your-website/

Maybe you are looking for

  • Doc.Nota Fiscal (Impostos) vs. Configuração TAXBRJ vs. Códigos de Impostos

    Pessoal, Eu consegui fazer aqui os ajustes da TAXBRJ me baseando na configuração mencionada pela nota SAP 747607 (MP135) para o PIS e COFINS e inclusive a contabilização agora está sendo direcionada para as contas de Curto (25% do valor do imposto) e

  • Data acquisition from a 250N Load cell

    Hi , I am very new at using the Labview.I am using Labview 6i(PCI 6052E).The load cell(250N) is connected to a pump.The pump has 2 bags.One of them is filled with water and the other is empty.I want to load the bag which is empty from the bag filled

  • How do I get my email working again on my Iphone?

    I recently updated my Mac Pro to Mountain Lion. All was working well. Yesterday, my iphone updated its software to iOS 6.0 and all of a sudden I can't receive any emails. The error I receive is that the 'imap.gmail.com' is not responding and to verif

  • Cannot create Acknowledgement for msd ID:.....

    I am getting following error msg frequently in my JMS receiver comm channel: "Cannot create Acknowledgement for msd ID :....." This msg is displayed in Runtime workbench for my JMS Receiver comm channel Please provide a solution to prevent this error

  • [solved]kdemod 4.3.4: news widget opens kate instead of browser

    Hi, i'm having a persistent problem with the news widget under kdemod 4.3.4. Whenever I click on one of the news feeds it launches kate and I see the html source code. How can I change this behavior that the browser will be launched instead? The brow