#css #sharepoint #navigation #width #html-lists
#css #sharepoint #навигация #ширина #html-списки
Вопрос:
Я создаю сайт в Sharepoint, и у меня проблема с выпадающей навигацией… в IE7 ширина li не установлена на 100%, и, честно говоря, это выглядит довольно глупо.
Безуспешно пытаясь (и потерпев неудачу) получить рабочий пример на jsFiddle (к сожалению, для живого сайта требуется логин, поэтому я не могу опубликовать прямую ссылку), очень сложно понять, что происходит… но я надеялся, что это довольно распространенная проблема (хотя после глупого количества времени в Google я не нашел решения), с которой кто-нибудь может помочь. Еще раз приношу извинения за очень простой и элегантный код, созданный Sharepoint 😉
Спасибо!
(CSS) Таблица стилей Sharepoint по умолчанию
Комментарии:
1. Это большое спасибо, но, к сожалению, у меня работают только Firefox и IE8 — и это выглядит нормально на обоих! Я сделаю снимок экрана примерно через 10 часов, когда вернусь домой … извините:(
2. Обновили изображение окончательной навигации в Firefox, оно в основном выглядит так же, как и это, но каждый элемент имеет длину только до текста … если это имеет смысл?
3. Вы должны создать демонстрационную версию JS Bin . Скопируйте весь HTML для поврежденной страницы. Скопируйте весь CSS в
<style></style>элемент. Убедитесь, что демонстрационная версия работает правильно в Firefox — если это так, вы можете предположить, что она будет повреждена в IE7 так же, как и на реальной странице.4. Большое спасибо, но, поскольку то, что произошло с jsFiddle, действительно выглядело неправильно, так что … comint.glos.nhs.uk/jsna/jsna/Pages/default.aspx (кстати, это не будет видно долго)
5. Я не вижу проблемы на этом сайте.. вам действительно нужно изолировать проблему и сделать эту демонстрацию jsfiddle. И, кстати, к вашему комментарию выше, вы знаете, что IE8 можно переключить в режим IE7, чтобы протестировать его, верно?
Ответ №1:
Неправильная не ширина li, а гиперссылка, наследующая стили OOTB из coreV4.css
Добавьте это в свой пользовательский файл CSS.
.s4-tn ul.dynamic li a
{
min-width: auto;
zoom: normal;
}
Проверял это на IE 7, 8, 9, FF, Chrome и Safari на коробке Win7.
Я не знаю, как называется эта ошибка CSS, но она работает 🙂
Получайте удовольствие!