Комментарии: Боязнь абсолютного позиционирования в CSS

Автор: WebSee

WebSee — Sun, 09 Oct 2011 03:14:23 +0000

Это сейчас можно не заморачиваться, а раньше приходилась (статья 2008 года). В комментах нет информаци про баги в современных браузеров, значит, либо там багов нет, либо их еще не нашли :)

Автор: Купи слона

Купи слона — Fri, 29 Apr 2011 02:15:17 +0000

А сейчас на дворе уже 2011 и я лично с версткой под ie 6 с его извращениями уже вообще не заморачиваюсь

Автор: rotor

rotor — Tue, 21 Dec 2010 09:09:53 +0000

Думаю, что форма поиска может быть прописана и без абсолютного позиционирования, обычными отступами.

Автор: Александр

Александр — Thu, 16 Dec 2010 07:06:33 +0000

Здравствуйте

Подскажите пожалуйста как в WP позиционировать форму поиска, я этот код разместил в дополнительном виджете, тоесть настройки позиционирования должны быть прописаны в этои коде, а не в CSS

Спасибо.

Найти:

Автор: Даша

Даша — Wed, 22 Sep 2010 13:57:26 +0000

ВЫшеописанная проблема решается следующим способом:

Убираем блок clear а для родительского блока d1 ставим следющее:

overflow:hidden; /*Лекарство*/

_height:1%; /*оно же для IE*/

Автор: DuBEPCAHTKa,

DuBEPCAHTKa, — Tue, 21 Sep 2010 14:54:11 +0000

Ой... простите за код... ^_^

вот он ---->http://s47.radikal.ru/i117/1009/4e/1e830f0bab53.jpg

Автор: DuBEPCAHTKa

DuBEPCAHTKa — Tue, 21 Sep 2010 14:48:24 +0000

А не подскажете, как все же бороться со следующим багом ИЕ6:

Если у нас есть такого вида код:

Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при простой дубликации "Здесь ваш текст... Здесь ваш текст...

К нему такого вида стиль:

body{

background-color:#CCC;

}

.d1{

position:relative;

width:100%;

background-color:#fff;

}

.d2{

position:absolute;

bottom:0;

right:0;

width:30px;

height:30px;

background-color:#FCC;}

.d3{

position:absolute;

bottom:0;

left:0;

width:30px;

height:30px;

background-color:#99F;}

.d4{

float:left;

width:50%;

padding-left:40px;

background-color:#36F;

}

.d5{

float:right;

width:25%;

height:50px;

background-color: #6F9;

}

.d6{

position:absolute;

top:0;

left:0;

width:30px;

height:30px;

background-color:#FF6;

}

.clear {

clear:both;

height:1px;

font-size:1px;

}

Т.е. блок с текстом должен раздвигать по высоте наш блок-контейнер d1. Для этого в конце мы используем блок clear c параметром clear:both;

В результате ИЕ6 просто выкидывает в неизвестном направлении все абсолютно позиционированные блоки.

Каким образом можно решить данную проблему? :(

Автор: Metaluga

Metaluga — Fri, 16 Apr 2010 12:34:12 +0000

Какая полезная информация. Я мучилась два дня с шапкой сайта. Верстка резиновая В нем было три элемента: левая картинка, правая и по-середине меню. Причем картинки должны были «прилипать» к краям шапки, а меню располагаться по центру относительно страницы. Сначала я пробовала через float (ставила для всех элементов), но меню естественно съезжало в стороны. Потом стала задавать абсолютное позиционирование для картинок, а меню задавала только отступы, но естественно, при уменьшении окна браузера картинки лезли на меню. У кого я только не спрашивала, что мне делать: и у знакомых верстальщиков и на форумах сидела и к своему счастью в конце концов нашла эту статью. Огромное спасибо автору.

PS:

Наверное действительно все жутко бояться позиционирования, что даже опытные верстальщики не могли дать дельного совета.

Автор: Андрей Игоревич

Андрей Игоревич — Sun, 14 Feb 2010 19:44:52 +0000

Насчет боязни — это точно! Помню, прочитал где-то про абсолютное позиционирование и офигел: это же теперь я могу все, что угодно, размещать, где угодно! Но как только изменил разрешение экрана(хорошо хоть вовремя додумался), так сразу и обломался. И я вообще забыл об абсолютном позиционировании, т.к. подумал: а нахрен оно ваще тогда надо? Ну а теперь, задавая внешнему блоку relative, а внутренему absolute, я наконец-то могу творить все, что вздумается!!!!!!!!! Спасибо тебе, Евгений, очень выручил!

Автор: Anonimys

Anonimys — Fri, 12 Feb 2010 17:04:46 +0000

имхо это ликбез по абсолютному позиционированию обязательный к прочтению. подкупает то что материал подан в виде простого примера и теории которая позволяет увидеть то-что-находится-под-капотом и отойти на столько далеко от примера, на сколько хватит фантазии.

rotor, вы получили моё уважение