css-position- все статьи тега


CSS - "position: fixed" действует как "absolute" в Firefox

Я создавал веб-сайт в Safari, и я только что протестировал его в Firefox, и мои фиксированные элементы навигации ведут себя так, как будто их позиция абсолютна. #navigation { display: block; width: 100%; height: 50px; position: fixed; left: 0px; bottom: 0px; text-align: center; z-index: 99000; } Это CSS, который у меня есть для основной навигационной оболочки (это нижняя навигация.). В Webkit он работает идеально: то есть он прилипает к нижней части окна незави ...

Как вставить динамический текст в div с абсолютной позицией?

Взгляните на http://www.barelyfitz.com/screencast/html-training/css/positioning / пункт 6. Он гласит: Это не является жизнеспособным решением для большинства проектов, потому что мы обычно не знаем, сколько текста будет в элементах, или точные размеры шрифта, которые будут использоваться. Какой обходной путь мне нужно использовать, чтобы вставить динамический текст в div с абсолютной позицией? Приветствуется любой подход С уважением, ...

фиксированное положение div зависает на странице (iPad)

У меня есть asp.net веб-сайт, который я создаю, будет поддерживаться на ipad. Когда я сосредотачиваюсь на элементе ввода и клавиатура всплывает, заголовок div с фиксированной позицией(который обычно прокручивается вместе со страницей) всплывает на странице на расстояние, эквивалентное количеству, которое занимает клавиатура, и застывает там на время процесса ввода. Как только клавиатура опускается обратно, div защелкивается на месте и снова ведет себя нормально. Я тестирую на iOS5, поэтому поз ...

CSS позиционирование для заполнения контейнера: ширина против левого / правого?

Учитывая: для элементов, которые абсолютно расположены внутри относительно расположенный контейнер. Если вы хотите, чтобы элемент заполнял ширину контейнера. элемент также выровнен снизу. Лучше всего для максимальной совместимости браузера установить width в пикселях для элемента, или просто использовать left и right? Любые распространенные ошибки, чтобы следить за любой из них метод? Очевидно, что использование left: 0; и right: 0; сделало бы код более управляемым в тех случаях, когда ...

Как центрировать абсолютно позиционированный элемент в div?

мне нужно div (С position:absolute;) элемент в центре из моего окна. Но у меня возникли проблемы с этим, потому что ширина неизвестна. Я попытался это. Но он должен быть скорректирован, поскольку ширина реагирует. .center { left: 50%; bottom:5px; } какие идеи? ...

Фиксированное положение, но относительно контейнера

Я пытаюсь исправить div так оно всегда прилипает к верхней части экрана, используя: position: fixed; top: 0px; right: 0px; на div внутри центрированного. Когда я использую position:fixed Он исправляет div относительно окна браузера, например, он находится напротив правой части браузера. Вместо этого он должен быть зафиксирован относительно контейнера. Я знаю, что position:absolute может использоваться для фиксации элемента относительно div, но при прокрутке страницы вниз элемент исчезает и н ...

Сделайте div оставаться в нижней части содержимого страницы все время, даже если есть полосы прокрутки

CSS Push Div в нижней части страницы пожалуйста, посмотрите на эту ссылку, я хочу наоборот: когда содержимое переполняется полосами прокрутки, я хочу, чтобы мой нижний колонтитул всегда был на полное нижняя часть страницы, как переполнение стека. у меня есть div с id="footer" а это CSS: #footer { position: absolute; bottom: 30px; width: 100%; } но все это делает, это идет в нижней части области просмотра, и остается там, даже если вы прокрутите вниз, то в дно. изображение: Из ...

Абсолютное позиционирование игнорируя заполнение родителя

Как сделать абсолютный позиционированный элемент честь заполнения его родителя? Я хочу, чтобы внутренний div растягивался по ширине своего родителя и располагался в нижней части этого родителя, в основном нижнего колонтитула. Но ребенок должен уважать дополнение родителя, и он этого не делает. Ребенок прижимается прямо к краю родителя. поэтому я хочу этого: но я получаю это: <html> <body> <div style="background-color: blue; padding: 10px; position: relative; height: 1 ...

В jQuery как я могу установить" верхние,левые " свойства элемента со значениями позиции относительно родителя, а не документа?

.offset([coordinates]) метод устанавливает координаты элемента, но только относительно документа. Тогда как я могу установить координаты элемента, но относительно родителя? Я нашел это .position() метод получает только "верхние, левые" значения относительно родителя, но он не устанавливает никаких значений. Я пробовал с $("#mydiv").css({top: 200, left: 200}); но не работает. ...

Абсолютное положение и скрытое переполнение

У нас есть два дива, один встроенный в другой. Если внешний DIV не является абсолютным, то внутренний DIV, который является абсолютным, не подчиняется переполнению, скрытому внешним DIV (пример). есть ли шанс заставить внутренний DIV подчиняться переполнению, скрытому от внешнего DIV, не устанавливая внешний DIV в положение absolute (причина, которая испортит наш полный макет)? Также позиция относительно нашего внутреннего DIV не является вариантом, поскольку нам нужно "вырасти" из таблицы TD ( ...

CSS: Top vs Margin-top

Я не уверен, что полностью понимаю разницу между этими двумя. может кто-нибудь объяснить, почему я буду использовать один над другим и как они отличаются? ...

Фиксированном положении div с прокруткой

у меня есть div расположенный fixed в левой части веб-страницы, содержащей ссылки меню и навигации. У него нет набора высоты из css, содержимое определяет высоту, ширина фиксирована. Проблема в том, что если содержание слишком много, то div будет больше высоты окна, и часть содержимого не будет видна. (Прокрутка окна не помогает, так как позиция fixed и div не свиток.) Я пытался установить overflow-y:auto; но это тоже не помогает, div, похоже, не замечает, что часть его находится за окном. как ...