Здравствуйте!
Есть меню на 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>

Если нужно, могу выложить на сервер. Помогите пожалуйста.

У тебя в каждом классе написаны координаты меню

Код

.men22 {position: absolute;     left: 260px;     top: 30px; ..........

По моему в них дело.. Порробуй их убрать

DEER, спасибо.

DEER тут кроме фиксированного значения еще одна проблемка
если их вложить в таблицу все пункты менюхи накладываются друг на друга. Ниже привожу не самое красивое решение проблемы.
Убираем все что ты указал а HTML разметка должна выглядеть вот так примерно:

Код

<table width="100" border="0">   <tr>     <td width="400px">&nbsp;       <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></td>     <td width="400px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;       <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></td>     <td width="400px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;       <DIV class=men3 ONMOUSEOVER="this.className='men33';" ONMOUSEOUT="this.className = 'men3';"> <a href="#" class=m >Досуг</a> <a href="#" class=m >Издательский          отдел</a> </DIV></td>   </tr> </table>

PARROT можно попробовать жесткими вставками сделать, но что из этого выйдет не знаю не пробовал. Тоесть создаем кучу пробелов...

Stripe, пробелы не понадобились. Пришлось задать размер для каждой ячейки и все встало на свои места.

PARROT у меня этот вариант в ИЕ6 не сработал... там ширина прописана как видишь

Мой вариант вот тут: http://www.pkspo.spb.ru рабочий

В Лисичке смотрится немножко не красиво. Ячейки не схлопываются до конца - видно следующую строчку немного.

Цитата(Cheba @ 21.10.2005, 18:14)

В Лисичке смотрится немножко не красиво. Ячейки не схлопываются до конца - видно следующую строчку немного.

Как исправить?

В опере тоже проблеммы, завилиают ссылки на странице

Здесь меню получше будет:

http://www.htmldog.com/articles/suckerfish...downs/example/#