[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Padding in absolute positioned divs
md5
Когда выставляем position: absolute; для слоя, то ему нельзя присвоить padding: 1px 0px 1px 0px; ???:o



Спустя 47 минут (1.12.2006 - 19:32) vasa_c написал(а):
На основании чего сделано такое предположение?

Спустя 14 часов, 19 минут, 27 секунд (2.12.2006 - 09:51) md5 написал(а):
не отвечать!

Спустя 6 минут, 29 секунд (2.12.2006 - 09:57) md5 написал(а):
встречный вопрос, возможно риторический, есть такой слой:<br>
<div class="cseparator"></div>

class:
 
div.cseparator
{
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
}

в IE высота не 1 px, только когда font-size: 1px; прописываешь, ну почему??

Спустя 1 день, 23 часа, 25 минут, 42 секунды (4.12.2006 - 09:23) Gandjubas написал(а):
QUOTE(md5)
Когда выставляем position: absolute; для слоя, то ему нельзя присвоить padding: 1px 0px 1px 0px; ???:o

А ты попробуй расписать все свойства. border и ещё какие там есть.

Спустя 10 минут, 21 секунда (4.12.2006 - 09:34) md5 написал(а):
Gandjubas,
этот вопрос проехали, всё работает...

Спустя 4 года, 9 месяцев, 15 дней, 6 часов, 22 минуты, 16 секунд (19.09.2011 - 14:56) prst написал(а):
Цитата (md5 @ 4.12.2006 - 06:34)
Gandjubas,
этот вопрос проехали, всё работает...


Вот что за №;ВВ! Почему проехали, нашли решение отпишитесь! Через поисковик нашел нужную мне тему, только обрадовался что увижу сейчас решение, а тут в ответ - проехали... млин.

Спустя 14 минут, 2 секунды (19.09.2011 - 15:10) Winston написал(а):
prst
Так создай новую тему, и незачем поднимать темы столетней давности.

Спустя 1 минута, 39 секунд (19.09.2011 - 15:11) inpost написал(а):
prst
padding - отступ от предыдущего блока.
Если используем Absolute, то отступ будет либо от BODY, либо от родителя блока RELATIVE.
Отступ для абсолютных блоков определяется с помощью left, top, bottom, right.
Отступ от левого края 10px: left:10px. Если надо четкий блок, то можно дополнительно указать ширину.

Спустя 25 минут, 40 секунд (19.09.2011 - 15:37) prst написал(а):
Цитата (Winston @ 19.09.2011 - 12:10)
1. Так создай новую тему, и незачем поднимать темы столетней давности.

2. Если используем Absolute, то отступ будет либо от BODY, либо от родителя блока RELATIVE.

1. Что за бред? Зачем захламлять форум, если есть тема которая отлично проиндексирована (зашел в нее с поисковика), не хватает только ответа.
2. Это я знаю, вопрос в другом как задать отступ (padding или margin) внутри абсолютно позиционированного блока.
Например есть блок который мы абсолютно позиционируем по 10px слева и сверху. А вот внутри этого блока есть текст который нужно отодвинуть сверху скажем на 15px. Правила не срабатывают.

Спустя 1 час, 23 минуты, 23 секунды (19.09.2011 - 17:01) Winston написал(а):
Цитата (prst @ 19.09.2011 - 15:37)
Зачем захламлять форум

А форум для чего вообще ? :)
Цитата (prst @ 19.09.2011 - 15:37)
Например есть блок который мы абсолютно позиционируем по 10px слева и сверху. А вот внутри этого блока есть текст который нужно отодвинуть сверху скажем на 15px. Правила не срабатывают.

У меня очень даже срабатывают
<div style="border: 1px solid; position: absolute; padding-top: 15px; left: 10px; top:10px;">
текст
</div>

Спустя 10 минут, 43 секунды (19.09.2011 - 17:11) inpost написал(а):
prst
padding - внешний отступ. Текст, который находится внутри - это внутренний отступ, к нему применяется именно margin. И вообще, создай свою тему и там спрашивай.

Спустя 3 минуты, 13 секунд (19.09.2011 - 17:14) Winston написал(а):
Цитата (inpost @ 19.09.2011 - 17:11)
padding - внешний отступ

Цитата (inpost @ 19.09.2011 - 17:11)
Текст, который находится внутри - это внутренний отступ, к нему применяется именно margin

Ты случайно ничего не перепутал ? blink.gif

Спустя 7 минут, 19 секунд (19.09.2011 - 17:22) inpost написал(а):
PADDING<div MAIN>MARGIN TEXT MARGIN</div>PADDING

Спустя 59 секунд (19.09.2011 - 17:23) Winston написал(а):
Цитата (inpost @ 19.09.2011 - 17:22)
PADDING<div MAIN>MARGIN TEXT MARGIN</div>PADDING

Наоборот
MARGIN<div MAIN>PADDING TEXT PADDING</div>MARGIN

Спустя 7 минут, 53 секунды (19.09.2011 - 17:31) inpost написал(а):
Winston
А, ну да smile.gif Ты абсолютно прав.

Спустя 4 часа, 46 минут, 12 секунд (19.09.2011 - 22:17) redreem написал(а):
inpost, margin - отступ от родителя, паддинг - отступ детям. ай-яй-яй! а еще уважаемый человек! комсомолец! активист! админ в конце концов! biggrin.gif

Спустя 1 час, 51 минута, 18 секунд (20.09.2011 - 00:08) inpost написал(а):
redreem
Зато у меня все работает smile.gif

Спустя 8 часов, 54 минуты, 10 секунд (20.09.2011 - 09:02) prst написал(а):
Не-не-не, вы немного не поняли. Если задать самому DIV отступ, то он будет применяться к самому этому диву. Т.е допустим DIV квадратный. Залейте фон любым цветом, теперь примените padding - у вас квадрат вытянится и превратится в прямоугольник. Примените margin и сам квадрат у вас отодвинется. Поэтому я хочу применить padding или margin не к DIV а допустим к <h1> который внутри этого дива. Вот конкретно мне надо отодвинуть от верха тег <a>:

<div id="logo"><p><a href="#">BLABLA.RU</a> <em>Доступные blabla</em></p></div>

Спустя 1 час, 39 минут, 56 секунд (20.09.2011 - 10:42) redreem написал(а):
тогда применяйте для <a> margin-top:...

Спустя 59 минут, 1 секунда (20.09.2011 - 11:41) prst написал(а):
Цитата (redreem @ 20.09.2011 - 07:42)
тогда применяйте для <a> margin-top:...

Неправильный ответ! Наконец то я сам нашел ответ. Сколько книжек прочел а все равно из головы вылетело. Вобщем ответ такой.... (барабанная дробь!)) Нельзя применять к строчным (inline) элементам вертикальные padding или margin, на то они и строчные элементы. Поэтому для решения нашей проблемы (моей то уж точно)) нужно или перевести нашу ссылку принудительно в блочный режим (dysplay:block) либо засунуть в блочный элемент и ему назначить отступ (например в <p>). Напомню:
inline элементы:
 <a href="http://zodios.net">xxx</a>
<br />
<cite>
xxx</cite>
<code>
xxx</code>
<em>
xxx</em>
<img />
<input />
<label>
xxx</label>
<select></select>
<span>
xxx</span>
<strong>
xxx</strong>
<sub>
xxx</sub>
<sup>
xxx</sup>
<textarea>
xxx</textarea>

блочные:
<div>xxx</div>
<dl>
xxx</dl>
<form>
xxx</form>
<h1>
xxx</h1>
<h2>
xxx</h2>
<h3>
xxx</h3>
<h4>
xxx</h4>
<h5>
xxx</h5>
<h6>
xxx</h6>
<hr />
<noscript>
xxx</noscript>
<ol>
xxx</ol>
<p>
xxx</p>
<pre>
xxx</pre>
<table>
xxx</table>
<ul>
xxx</ul>

Вот теперь топик стал полезным ;) Всем спасибо за внимание )

Спустя 3 часа, 51 минута, 39 секунд (20.09.2011 - 15:33) inpost написал(а):
prst
Тебе надо ссылку сделать с отступом, а ты ссылку бери в див, и его делай с отступом. Ещё париться с тем, чтобы ссылку делать блочную.
Кстати, когда предыдущий автор говорил, чтобы ты отступы применил для <a>, он и подразумевал, что ты <a> автоматически сделаешь блочным, как же иначе.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.