Visual Studio 2010: расположение элемента управления ASP NavigationMenu

Question

Я поместил <div> теги раньше. Я всегда предпочитаю absolute позиционирование.

Для этого нового проекта я подумал, что начну с проекта веб-сайта в Visual Studio 2010.

Кажется, что все делает то, что я говорю, кроме позиционирования элемента управления asp: Menu с именем NavigationMenu, который Visual Studio поместил в мой файл Site.Master.

В графическом интерфейсе NavigationMenu указывает, что это свойство CssClass является «меню», но в файле «Styles / Site.css», созданном Visual Studio, я не вижу ничего определенного в разделе Menu или NavigationMenu. Существует определение div.menu, которое я настроил на использование left: 0px;, но NavigationMenu продолжает * испытывать мое терпение (центрируя себя внутри тега <div>, в который я его поместил.

Пока я пробовал это:

div.menu {
  left: 0px; height:400px;top:100px;width:150px;
}

это:

div.menu {
  left: 0px; height:400px;top:100px;width:150px;vertical-align:top;
}

и это:

div.menu {
  left: 0px; height:400px;top:100px;width:150px;vertical-align:text-top;
}

Это не имеет значения. NavigationMenu продолжает плавать в середине тега <div>.

Я не переименовал этот asp: Управление меню. Это стандартная версия, создаваемая Visual Studio 2010.

Может ли кто-нибудь сказать мне, где определения местоположения для этого элемента управления, прежде чем я сойду с ума?

Комментарий: забыл добавить это:

div {
  position:absolute;
}

Answer 1

У меня были некоторые проблемы с оформлением элементов asp.Для меня было решено поместить стили непосредственно в определение элемента asp.

что-то вроде.

<asp:menu runat="server" style="left:0px;height:400px;top:100px;width:150px;" /></asp:Menu>

Может также возникнуть проблема, так как вам нужно установить свойство position для обоихdiv и меню.

#div {
  position: relative;
}
.menu {
   position: absolute;
   left: 0px;
   height:400px;
   top:100px;
   width:150px;
}

Это хорошее прочтение для примеров позиционирования CSS.

http://www.barelyfitz.com/screencast/html-training/css/positioning/