I have problem with control adapters in IE 6. Structure of CSS I created follows. I have Menu.css wich is the original css file for control adapter. Second css is Acurat_menu.css wich contains severel new classes, that overrides classes from original file.
Eveything works perfect in IE 7, but not in IE 6. I need to have horizontal menu with custom formatting, that shows sub menu for each menu item on hover. IE 6 generates vertical menu, that does not show sub menu.
I tried everything I know, but with no effect. Also I tried to use only orginal file and it works perfect in IE 7, Firefox, but still not in IE 6.
Can some xpert on friendly control adapters help me to figury this oout, pleeeeeeeease?
misogsk1
Member
2 Points
14 Posts
IE 6 strange problems
May 05, 2009 09:01 AM|LINK
Hi All,
I have problem with control adapters in IE 6. Structure of CSS I created follows. I have Menu.css wich is the original css file for control adapter. Second css is Acurat_menu.css wich contains severel new classes, that overrides classes from original file.
Eveything works perfect in IE 7, but not in IE 6. I need to have horizontal menu with custom formatting, that shows sub menu for each menu item on hover. IE 6 generates vertical menu, that does not show sub menu.
I tried everything I know, but with no effect. Also I tried to use only orginal file and it works perfect in IE 7, Firefox, but still not in IE 6.
Can some xpert on friendly control adapters help me to figury this oout, pleeeeeeeease?
Kind Regards,
Michal
misogsk1
Member
2 Points
14 Posts
Re: IE 6 strange problems
May 05, 2009 12:59 PM|LINK
Here are my css files.
Menu(original file):
.foo {}
ul.AspNet-Menu{
position: relative;}ul.AspNet-Menu
,ul.AspNet-Menu
ul{
margin: 0; padding: 0; display: block;}
ul.AspNet-Menu
li{
position: relative; list-style: none; float: left;}
ul.AspNet-Menu
li a,ul.AspNet-Menu
li span{
display: block; text-decoration: none;}
ul.AspNet-Menu
ul{
position: absolute; visibility: hidden;}
ul.AspNet-Menu
li:hover ul ul,ul.AspNet-Menu
li.AspNet-Menu-Hover ul ul{
visibility: hidden;}
ul.AspNet-Menu
li:hover ul,ul.AspNet-Menu
li li:hover ul,ul.AspNet-Menu
li li li:hover ul,ul.AspNet-Menu
li.AspNet-Menu-Hover ul,ul.AspNet-Menu
li li.AspNet-Menu-Hover ul,ul.AspNet-Menu
li li li.AspNet-Menu-Hover ul{
visibility: visible;}
.AspNet-Menu-Vertical
ul.AspNet-Menu li{
width: 100%;}
The inherited CSS file:
.ACURAT_Menu
ul.AspNet-Menu,.ACURAT_Menu
ul.AspNet-Menu ul{
width: 130px; font-family: Tahoma; font-size: 8pt;}
.ACURAT_Menu
ul.AspNet-Menu ul{
left: 128px; top: 3px; background:#FFF;}
.ACURAT_Menu
ul.AspNet-Menu li{
background-color: #fff !important; z-index: 300 !important;}
.ACURAT_Menu
ul.AspNet-Menu li a,.ACURAT_Menu
ul.AspNet-Menu li span{
color: black; padding: 4px 8px 4px 8px; border-top: solid 1px #fff; border-right: solid 1px #D2D2D2; border-bottom: solid 0px #D2D2D2; border-left: solid 0px #E7E7E7; background: transparent url(arrow.png) right center no-repeat;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-Link a,.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-Link span{
background-image: none !important; background-color: #fff !important; background: none !important;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a{
width: 175px; border-top: solid 0px #D2D2D2; border-bottom: solid 1px #D2D2D2; border-left: solid 1px #D2D2D2; border-right: solid 1px #D2D2D2; padding-left: 6px; padding-right: 12px; background-image: none; background-color: #eee; z-index: 2;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren span{
width: 175px; border-top: solid 0px #D2D2D2; border-bottom: solid 1px #D2D2D2; border-left: solid 1px #D2D2D2; border-right: solid 1px #D2D2D2; padding-left: 12px; padding-right: 6px; background-image: none; background: transparent url(../core/img/icon-link.gif) no-repeat scroll 0 4px; background-color: #eee; background-position: 4px 9px ; z-index: 2;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a{
border-left: solid 1px #D2D2D2; background-image: none; background-color: #eee; z-index: 3;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-NonLink a,.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-NonLink span{
background-image: none; background-color: #eee !important; background: transparent url(../_resources/css/core/img/icon-link.gif) right center no-repeat; background-position: 10px 5px;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-Leaf a,.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-Leaf span{
background: transparent url(arrow.png) right center no-repeat;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-WithChildren a,.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-WithChildren span{
background-image: none; background-color: #fff; background: transparent url(arrow.png) right center no-repeat;}
.ACURAT_Menu
ul.AspNet-Menu li a img{
border-style: none; vertical-align: middle;}
.ACURAT_Menu
ul.AspNet-Menu li a:hover,.ACURAT_Menu
ul.AspNet-Menu li span.Asp-Menu-Hover{
border-top: solid 1px #D2D2D2;color:#990000;}
.ACURAT_Menu
.AspNet-Menu-Horizontal{
border-bottom-width: 0pt; border-top-width: 0pt; font-size: 11px !important; position: relative !important; border-left: solid 1px #E7E7E7; line-height: 16px !important; min-width: 926px !important; max-width: 940px !important; white-space: nowrap !important; COLOR: #333 !important; FONT-FAMILY: Arial, Geneva, Helvetica, sans-serif!important; background-color: #fff;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu{
min-width: 926px !important; max-width: 940px !important;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu ul{
padding-right: 20px; border-top: solid 1px #D2D2D2; width: 175px; left: -1px; top: 25px;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu li{
text-align:left;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu li li{
text-align:left;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li{
width:175px;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul{
margin: -1.8em 0 0 195px;}
misogsk1
Member
2 Points
14 Posts
Re: IE 6 strange problems
May 05, 2009 12:59 PM|LINK
Here are my css files.
Menu(original file):
.foo {}
ul.AspNet-Menu {position: relative;}ul.AspNet-Menu
,ul.AspNet-Menu
ul{
margin: 0; padding: 0; display: block;}
ul.AspNet-Menu
li{
position: relative; list-style: none; float: left;}
ul.AspNet-Menu
li a,ul.AspNet-Menu
li span{
display: block; text-decoration: none;}
ul.AspNet-Menu
ul{
position: absolute; visibility: hidden;}
ul.AspNet-Menu
li:hover ul ul,ul.AspNet-Menu
li.AspNet-Menu-Hover ul ul{
visibility: hidden;}
ul.AspNet-Menu
li:hover ul,ul.AspNet-Menu
li li:hover ul,ul.AspNet-Menu
li li li:hover ul,ul.AspNet-Menu
li.AspNet-Menu-Hover ul,ul.AspNet-Menu
li li.AspNet-Menu-Hover ul,ul.AspNet-Menu
li li li.AspNet-Menu-Hover ul{
visibility: visible;}
.AspNet-Menu-Vertical
ul.AspNet-Menu li{
width: 100%;}
The inherited CSS file:
.ACURAT_Menu
ul.AspNet-Menu,.ACURAT_Menu
ul.AspNet-Menu ul{
width: 130px; font-family: Tahoma; font-size: 8pt;}
.ACURAT_Menu
ul.AspNet-Menu ul{
left: 128px; top: 3px; background:#FFF;}
.ACURAT_Menu
ul.AspNet-Menu li{
background-color: #fff !important; z-index: 300 !important;}
.ACURAT_Menu
ul.AspNet-Menu li a,.ACURAT_Menu
ul.AspNet-Menu li span{
color: black; padding: 4px 8px 4px 8px; border-top: solid 1px #fff; border-right: solid 1px #D2D2D2; border-bottom: solid 0px #D2D2D2; border-left: solid 0px #E7E7E7; background: transparent url(arrow.png) right center no-repeat;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-Link a,.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-Link span{
background-image: none !important; background-color: #fff !important; background: none !important;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a{
width: 175px; border-top: solid 0px #D2D2D2; border-bottom: solid 1px #D2D2D2; border-left: solid 1px #D2D2D2; border-right: solid 1px #D2D2D2; padding-left: 6px; padding-right: 12px; background-image: none; background-color: #eee; z-index: 2;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren span{
width: 175px; border-top: solid 0px #D2D2D2; border-bottom: solid 1px #D2D2D2; border-left: solid 1px #D2D2D2; border-right: solid 1px #D2D2D2; padding-left: 12px; padding-right: 6px; background-image: none; background: transparent url(../core/img/icon-link.gif) no-repeat scroll 0 4px; background-color: #eee; background-position: 4px 9px ; z-index: 2;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a{
border-left: solid 1px #D2D2D2; background-image: none; background-color: #eee; z-index: 3;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-NonLink a,.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-NonLink span{
background-image: none; background-color: #eee !important; background: transparent url(../_resources/css/core/img/icon-link.gif) right center no-repeat; background-position: 10px 5px;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-Leaf a,.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-Leaf span{
background: transparent url(arrow.png) right center no-repeat;}
.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-WithChildren a,.ACURAT_Menu
ul.AspNet-Menu li.AspNet-Menu-WithChildren span{
background-image: none; background-color: #fff; background: transparent url(arrow.png) right center no-repeat;}
.ACURAT_Menu
ul.AspNet-Menu li a img{
border-style: none; vertical-align: middle;}
.ACURAT_Menu
ul.AspNet-Menu li a:hover,.ACURAT_Menu
ul.AspNet-Menu li span.Asp-Menu-Hover{
border-top: solid 1px #D2D2D2;color:#990000;}
.ACURAT_Menu
.AspNet-Menu-Horizontal{
border-bottom-width: 0pt; border-top-width: 0pt; font-size: 11px !important; position: relative !important; border-left: solid 1px #E7E7E7; line-height: 16px !important; min-width: 926px !important; max-width: 940px !important; white-space: nowrap !important; COLOR: #333 !important; FONT-FAMILY: Arial, Geneva, Helvetica, sans-serif!important; background-color: #fff;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu{
min-width: 926px !important; max-width: 940px !important;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu ul{
padding-right: 20px; border-top: solid 1px #D2D2D2; width: 175px; left: -1px; top: 25px;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu li{
text-align:left;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu li li{
text-align:left;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li{
width:175px;}
.ACURAT_Menu
.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul{
margin: -1.8em 0 0 195px;}