содержимое не перемещается с помощью div только в chrome (выдача asp control) - PullRequest
Новая
       14

содержимое не перемещается с помощью div только в chrome (выдача asp control)

0 голосов
/ 10 января 2012

У меня есть div меню, которое прекрасно выглядит в IE9 и Firefox, но в chrome и IE8 содержимое div не соответствует самому div при перемещении div:

IE9 / FF: enter image description here

Chrome: enter image description here

Насколько я могу судить, у меня нет конфликтов css или проблем с потоком. Я могу что-то упустить, хотя (очевидно). Любая помощь будет принята с благодарностью. ТИА

Вот текущее состояние div: 

<div id="mainBody">
     <div id="mainMenu" class="mainMenu">
          <asp:Menu class="menuItems">
               <--- menu items jargon here --->
          </asp:Menu>
     </div>
</div>

и css: 

body
{
    background-color: #E7EDEB;
}

.textBox
{
    margin: 1px;
}
#mainBody
{
    border: 1px solid #000000;
    width: 1000px;
    background-color: #FFFFFF;
    margin-left: 10%;
    margin-right: 10%;
    padding: 0px;
    font-family: Calibri;
    letter-spacing: .03em;
}
.mainMenu
{
    border: 1px solid #000000;
    background-color: White;
    margin: 0px;
    position: relative;
    width: 600px;
    left: 50px;
    bottom: 25px;
    height: 30px;
}
.MenuItems
{
    vertical-align: middle;
    font-family: Calibri;
    font-size: large;
    text-decoration: none;
    text-align: left;
    color: #000000;
    margin: 3px;
}
div#mainContent
{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin: 0px;
    width: 1000px
}

UPDATE: Я удалил элемент управления меню asp из div и заменил его простым текстом. Это выглядело намного больше, чем вы ожидаете, поэтому я думаю, что это как-то связано с самим контролем. Я не применял никаких стилей к самому элементу управления, поэтому я все еще потерян.

Ответы [ 4 ]

1 голос
/ 10 января 2012

Будучи проблемой управления ASP, я не думал, что когда-либо пойму это. Оказывается, это была проблема с тем, как ASP рендерил элемент управления. Благодаря Робу мы смогли сузить его до SkipLink. Поскольку страница является личной, мне не нужно беспокоиться о пропуске ссылок, поэтому я решил полностью ее отключить. Чтобы сделать это в ASP, просто установите SkipLinkText на «» в элементе управления меню.

Для всех, кто сталкивается с этим, есть несколько других уловок, показанных здесь:

http://forums.asp.net/t/976796.aspx/1

Спасибо, ребята

1 голос
/ 10 января 2012

Попробуйте добавить стили к скиплинку: 

#ctl04_SkipLink {
position:absolute;
left:-9999px;
}
1 голос
/ 10 января 2012

Это вызвано вашим скрытым якорем перед ул. Пока не понял, почему.

РЕДАКТИРОВАТЬ: На самом деле, это ваш скрытый образ внутри этого якоря.

0 голосов
/ 10 января 2012

Попробуйте добавить 

top:0;

в .mainMenu и перезагрузите его несколько раз;)

...