Problem in Chrome (solved)

[designfjord]

Even MSIE 7 works as expected, but Chrome does not show the Menu-Icon when width < 640px
You can see what I mean at
http://temp.leberecht.net/TestPage.html
when you size your browser to a width under 640px.
The idea is, do set the left border of the content-div (frameRight) to 0px, so that the menu in div (frameLeft) can only be seen, when you hover the visible menu-icon.
You can see the img of iconmenu in "every" browser, except Chrome.

Hints ant tipps very welcome

Jochen

Code: Select all

 @media screen and (min-width: 481px) and (max-width: 640px) {
#frameLeft{/*left:-250px;width:250px;*/}

#frameRight {left: 0px;overflow: auto;margin-left: 10px;z-index:0;}

ul.menulevel1 {display:none;}
#iconmenu {position:fixed;top:10px;left:20px; float:left; display: block; z-index:100;visibility: visible;overflow:visible;}
#iconmenu:hover ul.menulevel1 {display:block;}
#menu {visibility: visible; height:auto;}
}

[cmb]

Hi Jochen,

the problem seems to be that the z-index is not recognized by Chrome. Maybe that's even correct according to the specs. At least, if you remove #frameleft {position:fixed}, the menubutton becomes visible. Or you add #frameleft {z-index:1}.

Another solution is to place <div id="iconmenu"> outside of <div id="frameleft"> (e.g. directly above it).

Christoph

[designfjord]

Thank you so much, Christoph.

All the checks, shown at the bottom af cms-sites, results in 0 errors and a view warnings because of -moz-.... content in css file.
I never thought, that position:fixed would have such big consequences...

Jochen