IE 6 strange problems RSS

• • Reply
  

  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 

   

   

   

• • Reply
  

  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;

  }

• • Reply
  

  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;

  }