11 Replies Latest reply: May 29, 2012 2:26 AM by diablo666666 RSS

    pls help

    diablo666666

      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

        • 1. Re: pls help
          Ben M MVP

          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.

          • 2. Re: pls help
            Nancy O. MVP

            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/

            • 3. Re: pls help
              diablo666666 Community Member

              When you load page in FF,Opera or chrome everything is ok.

              But when i open site in any version of IE menu "colapse"...

               

              Here is link to site if you want to see what happen when you open it

              in IE! http://sfera.pc-clock.com/

               

              if you need css of spry menu bar i will upload it here!

              • 4. Re: pls help
                Nancy O. MVP

                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/

                • 5. Re: pls help
                  diablo666666 Community Member

                  Ok, that worked now it is transparent and usable, but still my submenu is opening over parent menu!

                  If you open page in FF you can se how menu should work.

                  Here is the link of my CSS.

                   

                  sfera.pc-clock.com/SpryMenbarVerticalcss.txt

                  • 6. Re: pls help
                    Nancy O. MVP

                    404 no page found.

                     

                     

                    Nancy O.

                    • 7. Re: pls help
                      diablo666666 Community Member

                      this is externaly link of my css

                       

                      http://www.2shared.com/document/haV4CnWw/SpryMenbarVerticalcss.html

                       

                      pls take look now

                      • 8. Re: pls help
                        Nancy O. MVP

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

                         

                        Thanks,

                         

                        Nancy O.

                        • 9. Re: pls help
                          diablo666666 Community Member

                          When you load page in FF,Opera or chrome everything is ok.

                          But when i open site in any version of IE menu "colapse"...

                           

                          Here is link to site if you want to see what happen when you open it

                          in IE! http://sfera.pc-clock.com/

                           

                          if you need css of spry menu bar i will upload it here!

                           

                          TY!

                          • 10. Re: pls help
                            Nancy O. MVP

                            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.

                            • 11. Re: pls help
                              diablo666666 Community Member

                              Thank you Nancy O. this solved my problem!

                              You just saved me a lot of headache, thank you again!