Что делать, если выпадающее меню, вертикальное, выпадая влево, скрыватся за контентом, т.е. выпадает под него. В css не могу найти где исправить. Вот css:
@charset "utf-8";
.container {
text-align: center;
}
.marginauto {
text-align: left;
width: 757px;
margin: 0 auto;
padding: 0px;
border: none;
}
#header {
background-image: url(../images/content_top.png);
background-repeat: no-repeat;
background-position: right bottom;
height: 140px;
width: 757px;
float: left;
}
#header_left {
height: 140px;
width: 242px;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-position: center;
float: left;
}
#header_right {
width: 515px;
height: 140px;
float: right;
}
#banner {
height: 80px;
float: right;
text-align: right;
color: #FFFFFF;
margin-top: 17px;
width: 515px;
}
#topmenu {
height:37px;
color: #FFFFFF;
width:515px;
float: left;
}
#topmenu ul, #topmenu li {
list-style: none;
padding: 0;
margin: 0;
display: inline;
}
#topmenu a{
display:block;
color:#FFFFFF;
text-decoration:none;
padding:12px 0px 11px 0px;
font-size: 12px;
width: 95px;
margin-right: 5px;
text-align: center;
background-repeat: no-repeat;
float: left;
}
#topmenu a:hover {
color: #FFFFFF !important;
text-decoration: underline;
}
#content_top_out {
background-image: url(../images/content_top.png);
width: 757px;
height: 9px;
float: right;
margin: 0px;
background-repeat: no-repeat;
background-position: right;
}
#left_out {
float: left;
width: 220px;
overflow: hidden;
}
.left_top {
height: 19px;
}
.left_content {
padding-left: 70px;
}
.left_bottom {
height: 20px;
}
.left_sep {
height: 10px;
width: 220px;
}
.left_content ul,
.left_content li {
list-style-type: none;
margin: 0px;
}
.left_content ul li a,
.left_content ul li#current a,
.left_content a.mainlevel {
color: #FFFFFF;
text-decoration: none;
height: 27px;
line-height: 27px;
display: block;
font-weight: bold;
}
.left_content ul li a,
.left_content ul li#current ul li,
.left_content ul li ul li#current a,
.left_content ul li ul li#current ul li,
.left_content ul li ul li {
padding-left: 10px;
}
.left_content .menu a:hover,
.left_content li#current li a:hover,
.left_content a.mainlevel:hover,
.left_content a.sublevel:hover {
text-decoration: underline;
}
li#current a,
#active_menu {
text-decoration: underline;
}
.left_content a.sublevel,
.left_content li#current li a,
.left_content li li a,
.left_content li li#current a,
.left_content li
.left_content li li#current li a,
.left_content li li li a{
color: #FFFFFF;
text-decoration: none;
height: 20px;
line-height: 20px;
display: block;
font-weight: normal;
}
.left_content li#current li li a {
color: #FFFFFF;
text-decoration: none;
height: 20px;
line-height: 20px;
display: block;
font-weight: normal;
}
#left_out h3, #left_out th {
background-repeat: repeat-y;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
padding: 3px 0px 3px 10px;
width: 140px;
margin: 0 0 5px 0;
}
#left_out .moduletable, #left_out .moduletable_menu {
padding-bottom: 5px;
}
#left_out .moduletable td {
padding-left: 5px;
}
#submenu_out {
width: 154px;
margin: 0px 0px 0px 66px;
}
#submenu_content {
color: #000000;
padding-left: 5px;
background-repeat: repeat-y;
}
#submenu_content .moduletable {
width: 150px;
}
#submenu_bottom {
padding-bottom: 20px;
background-repeat: no-repeat;
background-position: bottom;
}
#content_out {
float: left;
background-repeat: repeat-y;
background-position: right;
width: 536px;
}
#content_right_top {
width: 30px;
height: 23px;
float: right;
background-image: url(../images/content_right_top.png);
background-repeat: no-repeat;
}
#content {
padding: 0px 0px 0px 10px;
float: left;
width: 496px;
}
#content_in {
padding: 5px 0px 0px 0px;
}
#user_out {
padding: 0px 0px 10px 0px;
margin: 0px;
width: 496px;
float: left;
}
.user1 {
float: left;
}
.user2 {
float: right;
}
.user1, .user2 {
width: 240px;
background-color: #EEEEEE;
border: 1px solid #999;
}
#user_out .moduletable {
width: 100%;
}
#user_out th, #user_out h3 {
font-size: 14px;
font-weight: bold;
padding: 5px 10px;
background-color: #474747;
text-align: left;
text-indent: 10px;
color: #FFFFFF;
}
#maincontent {
background-image: url(../images/maincontent_bg.png);
background-repeat: repeat-y;
background-position: right;
float: left;
}
#bottom {
width: 756px;
float: left;
background-image: url(../images/bottom.png);
background-repeat: no-repeat;
background-position: top right;
padding: 0px 0px 0px 0px;
}
#bottom a{
color: #FFFFFF;
}
.imp {
height: 30px;
line-height: 30px;
text-align: center;
color: #FFFFFF;
}
.imp a {
color: #FFFFFF;
}
#othermenu {
float: right;
height: 20px;
}
#othermenu ul, #othermenu li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}
#othermenu a:link, #othermenu a:visited {
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
float: left;
margin-right: 20px;
}
#othermenu a:hover {
text-decoration: underline;
}
.pathway {
padding: 5px 0px;
font-size: 11px;
border-bottom: 1px solid #666;
}
#footer {
float: left;
color: #FFFFFF;
padding-left: 230px;
}
.clr {
clear: both;
}
body {
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 0 20px 0;
text-align: left;
color: #000000;
background-image: url(../images/bg.gif);
}
p {
padding: 0px;
margin: 0px;
font-size: 11px;
} /*formatting all <div> (division) items. This is a catch-all that only applies when no other
style has been defined.*/
td, tr {
font-size: 11px;
}
h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
}
.button {
background-color: #666666;
color: #FFFFFF;
border: 1px;
}
.button:hover {
background-color: #999999;
}
.inputbox {
padding: 2px;
}
.inputbox:hover {
background-color: #DDE8FF;
}
#left_out ul {
padding: 0px;
margin: 0px;
}
#content ul {
padding: 10px 18px;
margin: 0px;
}
#left_out a {
color: #FFFFFF;
}
a {
color: #006699;
} /* general links style*/
a:hover {}
.componentheading {}
.contentheading {
font-weight: bold;
font-size: 14px;
width: 100%;
color: #FFFFFF;
padding-left: 10px;
margin: 0px;
height: 24px;
}
.contentpane {
width: 100%;
}
.contentpaneopen {
width: 100%;
}
.contentdescription {}
.sectiontableheader {}
.sectiontableentry1 {}
.sectiontableentry2 {}
img, .input {
border: none;
padding: 0;
margin: 0;
}
.modifydate {}
.small, .createdate {
}
* {
font-size: 11px;
}
03.02.2020, 18:49:47