CP website and IE version 11 - go or no-go

I've been using the CP website for a few weeks and discovered, that the menus are not working properly in IE 11.
The dropdown menus are not being shown using IE 11.
If I use Firefox, the menus are shown, but the text within the menus are only partly shown
Which browser should be used for the most optimal performance for this website?

I am experiencing the same behavior with IE 11.

Similar Messages

  • Changed a webpage with new photos and text, uploaded it to FTP. But when I visit the website, the old version of the page is there instead of the new page.

    I changed one of my webpages, adding pictures with hyperlinks and text. When I preview the website and webpage the changes appear. I upload it with Muse's FTP uploader and everything goes smoothly. But when I visit the website, it displays the old version of the webpage.

    I have the same issue.
    Yes, I use a third party FTP client. I have cleared browser history and cache. Still shows up. I even DELETED the entire site and re-uploaded the new one with the same results. What am I missing? Why does the old page keep showing up? Tried 3 different browser apps and a different computer.

  • How do I reinstall iWeb 3.0.3?  I inadvertently opened an html file of my website and tried to open it with iWeb '09. I get a message saying "Can't open file" etc., etc. I've tried reinstalling the updated version. Iweb will not open.

    How do I reinstall iWeb 3.0.3?  I inadvertently opened an html file of my website and tried to open it with iWeb '09. I get a message saying “Can’t open file” etc., etc. I’ve tried reinstalling the updated version. Iweb will not open.

    Delete the iWeb preference file, com.apple.iWeb.plist, that resides in your Home/Library/Preferences folder. Then launch iWeb and see if it opens. 
    What happened was trying to open the html file reset the file path that iWeb saves in its preference file to tell it where to go when you launch iWeb.  Deleting the pref file and launching iWeb creates a new file and iWeb looks in your Users/Home/Library/Application Support/iWeb folder for the Domain.sites2 file it uses to create your site.
    OT

  • How can I add the Language Toolbar to my English version of Firefox? I want to be able to switch to Japanese language for certain websites and when typing e-mails.

    How can I add the Language Toolbar to my English version of Firefox? I want to be able to switch to Japanese language for certain websites and when typing e-mails.
    There should be something that allows me to switch back and foth between Japanese and English...or is that in Windows XP and not in the browser?

    See:
    * http://windows.microsoft.com/en-US/windows7/The-Language-bar-overview The Language bar (overview)
    * http://support.microsoft.com/kb/258824 - How to change your keyboard layout

  • I'm just trying to update from 3.5.8 to the latest version. Started on the website and it downloaded a desktop image only, no application. Then tried on Firefox to update under "Help". It's been spinning for an hour! Help. I just want the latest version

    I'm just trying to update from 3.5.8 to the latest version. Started on the website and it downloaded a desktop image only, no application. Then tried on Firefox to update under "Help". It's been spinning for an hour! Help. I just want the latest version

    If there are problems with updating or with the permissions then easiest is to download the full version and trash the currently installed version to do a clean install of the new version.
    Download a new copy of the Firefox program and save the disk image (dmg) file to the desktop
    *Firefox 9.0.x: http://www.mozilla.org/en-US/firefox/all.html
    *Trash the current Firefox application to do a clean (re-)install
    *Install the new version that you have downloaded
    Your profile data is stored elsewhere in the Firefox Profile Folder, so you won't lose your bookmarks and other personal data if you uninstall and (re)install Firefox.
    *http://kb.mozillazine.org/Profile_folder_-_Firefox

  • Firefox 7 automatically downloaded and this version is not compatible with my university's website. Version 6 did work. Is there a way to go back to version 6?

    Firefox 7 automatically downloaded and this version is not compatible with my university's website. Version 6 did work. Is there a way to go back to version 6?

    Try downloading and installing 6.0.2 from here:
    http://www.oldversion.com/macintosh/download-Firefox-6.0.2.html
    In Firefox preferences/advanced/update uncheck download and automatically install updates. Instead check ask me what to do.

  • Problem with Tablet version of website and javascript.

    When I export my site as HTML and upload using FTP client, desktop and phone versions appear correctly but tablet version seems to have dropped javascript. Is there a solution for this? Tablet version appeared correctly yesterday and I haven't made any changes to that part of the Muse file, but tablet site isn't working today. Thanks for your help.
    Update: I created a new folder on my desktop for the exported HTML files, re-exported new HTML files from Muse, re-published with FTP client, and tablet site seems to be working okay. If anyone has a more efficient or sensible option for this issue please comment. Thanks again.
    This post: "Some files on the server may be missing or incorrect" Warning Message was helpful in my troubleshooting. I used my best guess ^ in attempting one of the solutions he described.
    Message was edited by: Alicia Marcinko

    Hi Alicia,
    Try using Muse inbuilt FTP client to upload the files.
    Regards,
    Neha

  • Updated to firefox 4.0. since then my computer is very slow accessing the internet, websites and getting information from within a website.

    Over a week ago I updated my computer to Firefox 4.0. Since then my computer is very slow accessing the internet, websites and getting information from within a website. Also, a tool bar has shown up for YAHOO which I did not request. The old detailed tool bar for Firefox has disappeared. All that now shows for Firefox is the area to enter website urls and an area to enter topic for a Google Search.
    Many times I have to exit Firefox and re-enter it later to access the internet.
    Please advice what I need to do to get back to the speed I had with the older version of Firefox.
    Thank You,
    Dennis

    Over a week ago I updated my computer to Firefox 4.0. Since then my computer is very slow accessing the internet, websites and getting information from within a website. Also, a tool bar has shown up for YAHOO which I did not request. The old detailed tool bar for Firefox has disappeared. All that now shows for Firefox is the area to enter website urls and an area to enter topic for a Google Search.
    Many times I have to exit Firefox and re-enter it later to access the internet.
    Please advice what I need to do to get back to the speed I had with the older version of Firefox.
    Thank You,
    Dennis

  • I am trying to log onto a webinar. Their website says Adobe Flash Player is disabled. I have been on Adobe website and it has checked my computer, saying that my Flash Player is enabled. Where do I go now?

    I am trying to log onto a webinar. Their website says Adobe Flash Player is disabled. I have been on Adobe website and it has checked my computer, saying that my Flash Player is enabled. Where do I go now?

    Hi,
    Which OS and browser you are using and what is your flash player version? To check your flash player version visit Installation problems | Flash Player | Windows and click on check now button.
    Can you also please post a screenshot of the problem that you are facing using How to post a screenshot in the forum
    -Varun

  • After installation of latest Bridge and Photoshop version (2014.2.2) *.CR2 files will not be displayed correctly, neither in preview nor in Camera Raw dialog.

    After installation of latest Bridge and Photoshop version (2014.2.2) *.CR2 files will not be displayed correctly anymore, neither in preview nor in Camera Raw dialogue.
    Some pictures have white squares with blue and red diagonal stripes that cover almost the complete picture.
    When opening those files I have the same problem in Camera Raw dailogue and even in Photoshop eventually.
    I tried to open the same same pictures on another computer with the same version of Bridge and Photoshop but the problem remains the same.
    It seems like the files itselves are still ok, because if you open an explorer window the previews of the pictures are all ok. And the pictures' sizes remain the same.
    I tried to clear the cache in both programs but it didn't help.
    Has anyone an idea????

    First see if a reboot of your PC helps.  If not,
    Resets may be in order:
    Photoshop: Press and hold Control - Shift - Alt immediately upon cold-starting Photoshop.  If you get the keys down quickly enough - and you have to be VERY quick - it will prompt you to confirm deletion of your established preferences, which will lead to them all being set to defaults.
    Bridge:  Start Adobe Bridge and immediately press Ctrl+Alt+Shift (Windows) or Command+Option+Shift (Mac OS) until the Reset Settings dialog box appears. Select all three options--Reset Preferences, Reset Standard Workspaces, and Purge Entire Thumbnail Cache--and then click OK.
    Outdated graphics drivers can also cause display problems. Go to your GPU maker's website and be sure you have the latest drivers for your card model.

  • Flash player has been installed multiple time without errors but bbc news website and even flash player help say it isn't. How do i get out of this loop? - using windows 7 ultimate and latest IE11

    flash player has been installed multiple time without errors but bbc news website and even flash player help say it isn't. How do i get out of this loop? - using windows 7 ultimate and latest IE11

    I have had the same problem for WEEKS and I cannot access any sites that use Flash. Flash has been installed on this computer since I bought it in 2012. I have allowed auto updates but for weeks the updates never get past Step 2 - is this because I do NOT want the Google Tool bar? I use NO tool bars as there is only 6 inches of vertical screen space. Is this because I uncheck wanting Chrome as a default browser?  It is already installed, I just don't use it.  I came to this site and ran the check is it installed and the system says it is either not installed or not enabled. Version 14 just downloaded about 30 minutes ago - but did not progress to Step 3 although a pop up screen came up with a finish button, which I clicked. WHAT is the problem and how do I fix it?  If this were just a compatibility bug between IE11 and Adobe they have had plenty of time to fix it.
    Stephanie HC

  • Hi, I'm designing my 1st website and I started it in  photoshop cs5.5. I know that it's bad practice

    Hi, I'm designing my 1st website and I started it in  photoshop cs5.5. I know that it's bad practice to build with images, I learned this too late. I imported my site into Dreamweaver cs5.5 and uploaded it to my server. The problem I'm having is that I want to apply a jquery drop down menu bar but whenever I try, I get white gaps within my page. How do I convert the coding into a functioning site?*Help Please*  The URL to my site is: http://www.coriemoment.com and this is my coding:
    <html xmlns="http://www.coriemoment.com"
    <head>
    <title>The Official Corie Moment Home</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body>
        <div id="=container"
    <body bgcolor="#FFFFFF" leftmargin="auto" topmargin="auto" marginwidth="auto" marginheight="auto" margin:0;>
    <!-- Save for Web Slices (home.psd) -->
    <table id="Table_01" width="1281" height="768" border="0" cellpadding="0" cellspacing="0">
              <tr>
                        <td colspan="6">
                                  <img src="images/index_01.png" width="1280" height="220" alt=""></td>
                        <td>
                                  <img src="images/spacer.gif" width="1" height="220" alt=""></td>
              </tr>
              <tr>
                        <td rowspan="4">
                                  <img src="images/index_02.png" alt="" width="414" height="548"></td>
                        <td rowspan="3">
                                  <object width="564" height="423"><param name="movie" value="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3" type="application/x-shockwave-flash" width="564" height="423" allowscriptaccess="always" allowfullscreen="true"></embed></object></td>
                        <td colspan="3">
                                  <img src="images/index_04.png" width="255" height="89" alt=""></td>
                        <td rowspan="4">
                                  <img src="images/index_05.png" width="46" height="548" alt=""></td>
                        <td>
                                  <img src="images/spacer.gif" width="1" height="89" alt=""></td>
              </tr>
              <tr>
                        <td rowspan="2">
                                  <img src="images/video_03-07.png" width="1" height="336" alt=""></td>
                        <td rowspan="3">
                                  <img src="images/index_07.png" width="34" height="459" alt=""></td>
                        <td>
                                  <script src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
      version: 2,
      type: 'search',
      /*put your twitter id that people use to reply to you below. Mine is mhorning. If you only want to see the Tweets that you have Tweeted, then delete the part below that says- OR to:coriemoment */
      search: 'from:coriemoment OR to:coriemoment',
       /*this is the duration in terms of seconds*/
      interval: 30000,
       /*this is the title you want on your tweets*/
      title: 'Corie Tweets',
      subject: 'Send us your comments',
       /*setting width to 'auto' will adjust the width of your tweetbox to whatever is set on your div. You can change this to something like 500px if you want*/
      width: 'auto',
      height: 212,
      theme: {
        shell: {
                 /*this will change the background color of your tweetbox. It is currently yellow*/
                background: 'body p, body img, body embed, body object, body video{opacity:1 !important}',
          /*this will change the color of the text in your background*/
                color: 'fac935'
        tweets: {
                 /*this will change the background color behind your tweets. It is currently white*/
                background: 'body p, body img, body embed, body object, body video{opacity:0.2 !important}',
           /*this will change the color of the text in your tweets. It is currently black*/
                color: '#000000',
           /*this will change the color of anything that is hyperlinked in your tweet. It is currently blue*/
                links: '#1985b5'
      features: {
        scrollbar: false,
        loop: true,
        live: true,
        behavior: 'default'
    }).render().start();
    </script></td>
                        <td>
                                  <img src="images/spacer.gif" width="1" height="302" alt=""></td>
              </tr>
              <tr>
                        <td rowspan="2">
                                  <img src="images/index_09.png" width="220" height="157" alt=""></td>
                        <td>
                                  <img src="images/spacer.gif" width="1" height="34" alt=""></td>
              </tr>
              <tr>
                        <td colspan="2">
                                  <img src="images/index_10.png" width="566" height="123" alt=""></td>
                        <td>
                                  <img src="images/spacer.gif" width="1" height="123" alt=""></td>
              </tr>
    </table>
    <!-- End Save for Web Slices -->
    </body>
    </html>

    mazz2000 wrote:
    The best way to do it is go back to PS and place the navigation area in the design, i would make it 100% of the width and then re-slice the design making sure one single slice is the whole of this navigation area.
    That would be the best way to do it while still using a table layout which in and of itself is not recommended, in large part  for this very reason.
    Every time you want to make a small change to the layout of your site, it will require re-slicing and re-generating code out of PS. You would be much better off taking the time to understand css layouts. Here is a good place to start to get the basics of css: http://www.w3schools.com/css

  • Sidebar moving over right border of website and outside of main container

    Hi
    I'm doing a website and have a question.
    I have a left nav bar, a fluid center column and an absolute positioned right sidebar.
    The sidebar is set to clear left and float right.
    However the sidebar moves over to the right and extends past the right border on some browsers.
    It moves out of the main container and I would like it to remain within it.
    Does anyone know how I can fix it so that the sidebar stays within the white area and does not move to the right?
    Thanks for your help!!!!
    Here is a screen shot
    When the browser window gets a little smaller the sidebar goes back to where I want it.
    Here is a link to my test page online:
    http://elynncohen.com/index2.html
    and here is my code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Your Career Direction Career and College Counseling</title>
    <meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
    <meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
    "In-transition and considering new opportunities"
    "Seeking to make a significant and meaningful career change"  />
    <meta name="Publisher" content="Your Career Direction, LLC" />
    <meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
    <meta name="Author" content="Lisa Mark" />
    <meta name="Language" content="en-US" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="10 days" />
    <meta name="Robots" content="All" />
    <link rel="Index" href="index.html" />
    <link rel="Site Map" href="sitemap.html" />
    <script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    <style type="text/css">
    <!--
    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;
    .container .sidebar1 h3 {
        padding-left: 0px;
        color: #C60651;
        font-size: x-large;
    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;
        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;
    #Quote {
        float: right;
        clear: left;
        margin-right: 1%;
    /* ~~ 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: 20%;
        padding-bottom: 10px;
        margin-top: 40px;
        border-top-color: #FFF;
        border-left: #FFF;
        margin-left: 25px;
        background-color: #FFF;
        font-family: museo-sans;
    arial;
        max-width: 200px;
        min-width: 180px;
        position: absolute;
    .content {
        float: left;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10;
        font-family: museo-sans;
    arial;
        margin-right: 250px;
        margin-left: 220px;
    .container .content p {
        padding-top: 0px;
    .sidebar2 {
        float: right;
        width: 20%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: museo-sans;
    arial;
        font-size: 90%;
        position: absolute;
        clear: left;
        right: 12%;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding-top: 0px;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 40px;
        font-family: museo-sans; arial;
        font-size: 100%;
        color: #666;
    .container .content p {
        font-family: museo-sans;
    arial;
        padding-top: 0px;
        padding-left: 17px;
        padding-bottom: 0px;
    #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; arial;
        line-height: 250%;
    .nav {
        font-family: museo-sans;
    arial;
        padding-left: 0px;
    ul.nav li {
        font-family: museo-sans; arial;
        padding-bottom: 10px;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        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; arial;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 15px;
    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; arial;
        background-color: #FFF;
        background-image: url(images/navbar2.gif);
        padding-bottom: 10px;
    .content img {
    /* ~~The footer ~~ */
    .footer {
        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 */
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 10px;
    /* ~~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;
        font-family: museo-sans; arial;
    #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; arial;
    .container .content .content {
        font-family: museo-sans; arial;
    .container .content ul li strong {
        font-family: museo-sans;
    arial;
        font-size: 95%;
        line-height: 150%;
        list-style-type: disc;
    .container .content ul {
    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;
    .sidebar1 .nav li {
        padding-bottom: 10%;
    .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 .nav li a {
    .container .sidebar1 h6 {
        padding: 0px;
        color: #000000;
    #footer h3 strong {
        font-size: 60%;
        color: #978980;
    .container .content p {
        padding-right: 0%;
        padding-left: 0%;
        font-size: 85%;
    .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: #978980;
        font-family: museo-sans;
    arial;
        font-size: 82%;
        padding-left: 20%;
        text-align: left;
        text-indent: 8px;
    .nav li a {
        padding-bottom: 10px;
    h8 {
        font-family: museo-sans; arial;
        font-size: 100%;
    h4 {
        font-family: museo-sans;
    arial;
        font-size: 100%;
        color: #C60651;
        padding-left: 17px;
        padding-top: 5px;
        padding-bottom: 0px;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
    .sidebar1 h8 strong {
        font-size: 80%;
        font-family:museo-sans; arial;
    .container .sidebar1 h7 {
        font-size: 40%;
        color: #978980;
    h7 {
        font-family: museo-sans; arial;
        font-size: 15%;
    .container .sidebar1 h8 {
        font-family: museo-sans; arial;
    .sidebar2 p img {
        min-width: 200px;
        max-width: 100%;
    .container .content img {
        padding-left: 3%;
    img {
        position: static;
        text-align: left;
    body,td,th {
        font-family: museo-sans; arial;
    h5 {
        font-size: 150%;
        color: #C60651;
        padding-left: 0px;
        font-family:museo-sans; arial;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
        font-size: 87%;
    .container .sidebar2 p {
        font-size: 90%;
    .container .sidebar1 .nav li {
        font-family: museo-sans;
    arial;
    .container .sidebar1 .nav li a {
        padding-left: 0px;
        margin-bottom: 0px;
        height: 30px;
    li a {
        padding-left: 2px;
    -->
    </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><script type="text/javascript">
    function pageWidth() {
    return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
    function pageHeight() {
    return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
    </script>
    <div class="container">
      <div class="header"><!-- end .header -->
        <p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" 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="#">High School Students</a></li>
          <li><a href="#">College Students</a></li>
          <li><a href="#">Parents/Educators</a></li>
          <li><a href="#">Professionals</a></li>
          <li><a href="#">Bio</a></li>
          <li><a href="#">Q &amp; A Blog</a></li>
          <li><a href="#">Testimonials</a></li>
        </ul>
      </div>
      <div class="content">
    <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>
    <img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
    <ul>
          <br><br><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>
    <img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
    <br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
    <p> 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 and become what you want to be.</p>
    <img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
      <div class="sidebar2">
        <p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
        <p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
         <p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
         <p>We provide step by step guidance to ensure your success during the college application, job interview
    and decision making process.
    </p>
    </div>
      <div class="footer">
        <div id="footer">
          <h6 align="left"> Your Career Direction, LLC •  96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
             </div>
        <p> </p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </body>
    </html>

    Absolute positioning will always cause you problems so it's best to avoid unless absolutely necessary.
    Having said that, your layout issues were a straight-forward fix. Modify your style sheet with the below sections and and it should be ok. You might need to modify your CSS for smaller screens as once you reduce the browser window to about 500px, the right sidebar disappears. Something to be aware of.
    .sidebar1 {
        float: left;
        width: 20%;
        padding-bottom: 10px;
        margin-top: 40px;
        border-top-color: #FFF;
        border-left: #FFF;
        margin-left: 25px;
        background-color: #FFF;
        font-family: museo-sans; arial;
        max-width: 200px;
        min-width: 180px;
        position: absolute;
    .content {
        float: left;
        margin-top: 40px;
        margin: 40px 0 0 0;
        padding:10px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10;
        font-family: museo-sans; arial;
        margin-right: 250px;
        margin-left: 220px;
        width: 50%; /* You can increase this to 55%, or add a left and right margin to space the elements */
        font-size: large;
    .sidebar2 {
        float: right;
        float:left;   
        width: 20%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding: 10px 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: museo-sans; arial;
        font-size: 90%;
        position: absolute;
        clear: left;
        right: 12%;
    .sidebar2 p img {
        min-width: 200px; /* This needs to be removed or made smaller if you are keeping it - or set a min-width on sidebar2 */
        max-width: 100%;
        width:100%;
        height:100%;
    .container .content {
        width: 50%;
        font-size: large;
        font-family: museo-sans; arial;
    EDIT:// I meant to say, you should probably spend some time tidying up your CSS as they are not in any obvious order and can get confusing with multiple styles for the same element. Having a clean and easy to understand CSS sheet makes it easier for you to figure out what is wrong. Will help you enormously in the long run.
    Message was edited by: Rik

  • What are the major differences between 4.6 C, 4.7 and ECC6 Versions

    Hi,
    Please can any boyd explain me the major differences between 4.6C, 4.7 and ECC6 Versions...
    Regards
    sankar

    Hi,
    go to this website
    http://solutionbrowser.erp.sap.fmpmedia.com/Default.aspx
    enter your
    Source release , target release and the module to know more.
    Thanks
    Ashok

  • What are the major release version numbers and what versions are not considered major releases?

    I manage a QA team that tests websites in all major browsers. I need to know what versions of Firefox are considered major releases and which versions are just incremental or minor updates. With new versions being released almost every month, I can't afford to test on the latest 6 versions for my projects, so I need to make an educated decision as to what the major releases are and determine this on a regular basis.

    The ESR is a Extended Support Release channel (meant more for Enterprise users in mind) where it is currently 17.0.3esr (released when 19.0 was) and will only get allowed security and stability updates until oh some twelve weeks after 24.0 release where a new ESR version will be based on 24.0 release as 24.0esr.
    X.0.*
    X is the Major release while the * are the chemspill updates if it was deemed important (Usually for security or a crash/regression issue for example) and cannot wait for the next release. These Major versions are released without intending to have updates as for example the Firefox 11.0 and 12.0 releases never had updates.
    Firefox 10.0 was released on [http://www.mozilla.org/en-US/firefox/10.0/releasenotes/ January 31, 2012] and Firefox 19.0 was released on [http://www.mozilla.org/en-US/firefox/19.0/releasenotes/ February 19, 2013]. The releases are about six weeks except for the short delay of 18.0 due to holidays.
    http://www.mozilla.org/en-US/firefox/releases/

Maybe you are looking for

  • Page alignment problems in browser

    Hi Wondered if anyone could help with this ... I have 8 pages on a web site ... after designing the first page, I effectively cloned the next seven so that size, format, position, etc. would be the same. However, for some reason when I view them all

  • Remove space in record

    HI all While executing DTP i am getting an error.INVALID CHARACTER.Its because of the space at the end of below mentioned records and also a space between * and (. '7.4*(9.92.53) '7.8*(204.25.1) I can go and correct in PSA.But for every load i need t

  • Database - Combo box

    Hi,i'am facing a problem when i'am adding the values retrived from a query into the combo box. 1)when the query is "order by" only few items are getting added to the list and the rest of the elements below this are not displayed. 2)when i remove the

  • Keep getting logged out of Facebook

    It seems every few minutes while browsing Facebook I get kicked out and taken back to the login screen. I can be, say, browsing my own photos, clicking Next each time I want to move to the next one, then all of a sudden I click it, and bang, back to

  • Photoshop 12 download

    I have downloaded photoshop but it still tells me that i have not downloaded all files. File archive part is missing. HELP!