Здравствуйте!
Есть меню на CSS
Возможно ли его позиционировать не от left & top, а независимо от краев браузера, а именно, например занести его в таблицу? Мои пробы не привели ни к чему. 
| Код |
.men {position: absolute;
left: 50px;
top: 30px;
background-color: white;
border: 1px solid #000;
width: 200px;
height: 18px;
overflow: hidden;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
width:198px;
}
html>body .menDIV {
width:198px;
}
.men1 {position: absolute;
left: 50px;
top: 30px;
background-color: white;
border: 1px solid #000;
width: 200px;
height: auto;
overflow: visible;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
width:198px;
}
html>body .men1DIV {
width:198px;
}
.men2 {position: absolute;
left: 260px;
top: 30px;
background-color: white;
border: 1px solid #000;
width: 200px;
height: 18px;
overflow: hidden;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
width:198px;
}
html>body .men2DIV {
width:198px;
}
.men22 {position: absolute;
left: 260px;
top: 30px;
background-color: #ffffff;
border: 1px solid #000;
width: 200px;
height: auto;
overflow: visible;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
width:198px;
}
html>body .men22DIV {
width:198px;
}
.men3 {position: absolute;
left: 470px;
top: 30px;
background-color: white;
border: 1px solid #000;
width: 200px;
height: 18px;
overflow: hidden;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
width:198px;
}
html>body .men2DIV {
width:198px;
}
.men33 {position: absolute;
left: 470px;
top: 30px;
background-color: #ffffff;
border: 1px solid #000;
width: 200px;
height: auto;
overflow: visible;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
width:198px;
}
html>body .men33DIV {
width:198px;
}
A.m {display: block;
background-color:#fff;
width: 198px;
height: auto;
color:#000000;
font-family: Verdana, sans-serif;
FONT-SIZE: 10px;
text-decoration: none;
text-align: left;
padding: 3px;
voice-family: "\"}\"";
voice-family: inherit;
width:192px;
}
html>body A.m {
width:192px;
}
A.m:hover {
display: block;
background-color:#005CC0;
color:#fff;
}
</style>
|
| Код |
<DIV class=men
ONMOUSEOVER="this.className='men1';"
ONMOUSEOUT="this.className = 'men';">
<a href="#" class=m >Главная</a>
<a href="#" class=m >Учебная часть</a>
<a href="#" class=m >Преподаватели</a>
</DIV>
<DIV class=men2
ONMOUSEOVER="this.className='men22';"
ONMOUSEOUT="this.className = 'men2';">
<a href="#" class=m >Специальности</a>
<a href="index.php?page=about&id=2" class=m >Правоведение (030503)</a>
<a href="index.php?page=about&id=3" class=m >Право и организация социального обеспечения (030504)</a>
<a href="index.php?page=about&id=4" class=m >Социальная педагогика (050711)</a>
<a href="index.php?page=about&id=5" class=m >Реклама (032401)</a>
</DIV>
<DIV class=men3
ONMOUSEOVER="this.className='men33';"
ONMOUSEOUT="this.className = 'men3';">
<a href="#" class=m >Досуг</a>
<a href="#" class=m >Издательский отдел</a>
</DIV>
|
Если нужно, могу выложить на сервер. Помогите пожалуйста.
|
рабочий 