Результаты поиска по запросу "positioning"
Как центрировать обёртку div, а не содержимое
Я хочу, чтобы моя страница всегда центрировалась в браузере, не затрагивая содержимое (как align-text: center; делает). Я хочу центрировать мой div-конверт. Как мне это сделать? Упрощенная существующая страница: <div id="wrapper"> <div ...
Плавающие неупорядоченные списки (UL) рядом друг с другом и складывают их в нижней части друг друга, без полей или пробелов
У меня есть несколько неупорядоченных списков (UL) элементов. Пожалуйста, проверьте изображение ниже: то, что я хочу сделать, это плавать UL рядом друг с другом. UL имеют различную длину содержимого (LI), поэтому некоторые UL длиннее других. ...
Z-индекс и относительное / абсолютное позиционирование
У меня проблемы с z-index и позиционированием. В основном, когда вы наводите курсор мыши на пункты меню (дома, около и т. Д.), Брызги краски должны загружаться под меню: http://www.saradouglas.net/home [http://www.saradouglas.net/home] Таблица ...
Clearfix с абсолютно позиционированными элементами
Моя проблема заключается в следующем: Граница не переносит содержащие элементы. Я знаю, что это потому, что я позиционирую абсолютные элементы контента, но мне нужно, чтобы они были абсолютными для работы макета. Это также означает, что я не могу ...
CSS выпадающее меню, вызывающее перемещение HTML-контента
мой первый вопрос о SO, надеюсь, что это до нуля, должно быть простым решением для тех, кто хорошо разбирается в искусстве CSS ... Проблема, с которой я столкнулся, состоит в том, что выпадающие разделы моей навигации, управляемой css, приводят ...
Выровняйте 2 интервала один влево, а другой справа внутри div
Кто-нибудь может написать фрагмент CSS для этого? <div class="container"> <span class="left">Left</span><span class="right">Right</span> </div>Вот CSS для.container: .container { position:absolute; bottom:0; margin: 0 5px 5px 5px; ...
Как добавить два фоновых изображения - слева и справа от центрального столбца
У меня есть этот CSS: #wrapper1 { min-width:1020px; min-height:100%; } #wrapper2 { height:100%; background: url('img1.jpg') -100px 300px no-repeat, url('img2.jpg') 1165px 300px no-repeat; } #wrapper3 { width:1020px; margin:0 auto; }и этот ...
CSS-эффект перехода делает изображение размытым / перемещает изображение на 1 пиксель в Chrome?
Когда div наведен, эффект перехода CSS перемещает div. Проблема, как вы можете видеть в этом примере, заключается в том, что переход «translate» имеет ужасный побочный эффект: изображение в div перемещается на 1px вниз / вправо (и, возможно, ...
Пользовательский интерфейс jQuery: проблема с перетаскиваемой прокруткой
Я пытаюсь создать перетаскиваемый / сбрасываемый вид файла папки с помощью jQuery UI, но у меня возникла проблема с тем, что, по моему мнению, связано с помощником. Вот мой код: HTML <body> <div id="topContainer"> <span>Parent Directory ...
z-индекс элементов у разных родителей в Chrome
Есть два контейнера. Один исправлен и покрывает 100% экрана. Второй относительный - содержит прокручиваемый контент. Проблема состоит в том, что четыре элемента должны быть расположены относительно друг друга следующим образом: 1-й в ...