Skip navigation
diablo666666
Currently Being Moderated

pls help

May 22, 2012 6:46 AM

Hello when i go to my CS5 compatibility check than come in the expanding box :

 

Any content that does not fit in a fixed-width or -height box causes the box to expand to fit the content rather than letting the content overflow.

 

Affects: Internet Explorer 6.0

Likelihood: Likely

 
Replies
  • Currently Being Moderated
    May 22, 2012 6:49 AM   in reply to diablo666666

    So what's the issue you have when you view the page?  And what's the code in question?

     

    And just for future reference you should post with a more helpful title otherwise your post will often be overlooked.

     
    |
    Mark as:
  • Currently Being Moderated
    May 22, 2012 3:19 PM   in reply to diablo666666

    IE6 is an obsolete browser.  I never use the Compatibility Checker. It doesn't tell you anything useful. 

    What matters is how your pages preview in CURRENT browsers like FF, Opera, Chrome, Safari and IE9. 

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • Currently Being Moderated
    May 23, 2012 9:58 AM   in reply to diablo666666

    You're missing a document type declaration (DTD) on the top line of your HTML code.  No doc type sends IE browsers into Quirks Mode.  Photoshop is fine for creating images & quick comps but you shouldn't rely on Photoshop to make your web pages. The code isn't ideal.

     

    To add a doc type in DW, go to Modify > Page Properties > Title/Encoding and select a doc type that fits your coding skills.  Recommend HTML 4 Transitional.

     

    Finally, open SpryMenBarVertical.css code near the bottom under IE HACKS.  The background-color is white. 

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • Currently Being Moderated
    May 25, 2012 10:19 AM   in reply to diablo666666

    404 no page found.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    May 28, 2012 9:35 AM   in reply to diablo666666

    Please just post a link to your web page so we can see the HTML and CSS working together.

     

    Thanks,

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    May 28, 2012 1:30 PM   in reply to diablo666666

    Replace your SpryMenuBarVertical.css with this code and it should work.

     

    ul.MenuBarVertical

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    font-size: 100%;

    cursor: default;

    width: 7em;

    }

    ul.MenuBarActive

    {z-index: 1000;}

     

    ul.MenuBarVertical li

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    font-size: 100%;

    position: relative;

    text-align: left;

    cursor: pointer;

    width: 7em;

    }

    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

    ul.MenuBarVertical ul

    {

    margin: -1% 0 0 95%;

    padding: 0;

    list-style-type: none;

    font-size: 100%;

    position: absolute;

    z-index: 1020;

    cursor: default;

    width: 7em;

    left: -1000em;

    top: 0;

    }

     

    ul.MenuBarVertical ul.MenuBarSubmenuVisible

    {left: 0;}

     

    ul.MenuBarVertical ul li

    {width: 7em;}

     

    ul.MenuBarVertical

    {border: none;}

     

    /* Submenu containers have borders on all sides */

    ul.MenuBarVertical ul

    {border-left: 2px solid #FFF;}

     

    ul.MenuBarVertical a

    {

    display: block;

    cursor: pointer;

    padding: 0.5em 0.75em;

    color: #FFF;

    font-style:oblique;

    font-weight: bold;

    text-decoration: none;

    text-shadow: 0 0 0.2em #000;

    }

     

    ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus

    {

    background-color: #454044;

    color: #FFF;

    }

     

    ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible

    {

    background-color: #454044;

    color: #FFF;

    }

     

    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

    ul.MenuBarVertical a.MenuBarItemSubmenu

    {

    background-image: url(SpryMenuBarRight.gif);

    background-repeat: no-repeat;

    background-position: 95% 50%;

    }

     

    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

    ul.MenuBarVertical a.MenuBarItemSubmenuHover

    {

    background-image: url(SpryMenuBarRightHover.gif);

    background-repeat: no-repeat;

    background-position: 95% 50%;

    }

     

    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

    ul.MenuBarVertical iframe

    {

    position: absolute;

    z-index: 1010;

    filter:alpha(opacity:0.1);

    }

     

    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

    @media screen, projection

    {

    ul.MenuBarVertical li.MenuBarItemIE

         {

         display: inline;

         f\loat: right;

         background: none;

         }

    }

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points