• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по CSS » Как правильно ставить POSITION
Как правильно ставить POSITION
RevoRen
Дата: Воскресенье, 24.04.2011, 11:55 | Сообщение # 1
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Вот у меня возник такой вопрос: есть у меня div с фиксированной высотой.
Code
<div style="height:100px; background:#aaa;" id="1"></div>

Этот div просто фон для div'a, который я помещаю в него.
Code
<div style="height:100px;" id="1">
      <div id="2">Text</div>
</div>

И вот мой вопрос: какой position надо поставить каждому div'у, чтобы когда я поставил div'у с id = 2 свойство top:-100px;, у меня весь контент обволакивающего div'a (т.е. div с id = 2) уехал куда-то вверх и скрылся с глаз, но фон остался стоят?


Follow your Destiny



Сообщение отредактировал RevoRen - Воскресенье, 24.04.2011, 11:56
  
Sleepwalker
Дата: Воскресенье, 24.04.2011, 14:10 | Сообщение # 2
молчун
Группа: Пользователи
Пользователь №: 3853
Сообщений: 1
Position можешь попробовать поставить relative. Еще можешь попробовать просто маргином сместить или margin+float. Но самое важное, что тебе нужно дописать overflow:hidden для первого блока, что бы он прятал контент, который уходит за его пределы, тоесть:
Code
<div style="height:100px;overflow:hidden;" id="1">
<div id="2" style="margin-top:-100px;">Text</div>
</div>


Сообщение отредактировал Sleepwalker - Воскресенье, 24.04.2011, 14:12
  
RevoRen
Дата: Воскресенье, 24.04.2011, 22:01 | Сообщение # 3
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Quote (Sleepwalker)
Но самое важное, что тебе нужно дописать overflow:hidden

Вот. Теперь я все понял! Именно это мне и надо было! Как сместить я разберусь (ну смещать буду с помощью top, т.к. element.style.top выдает число, а не строку и с этим удобнее работать.


Follow your Destiny

  
Форум Studio AD » Сайтостроение » Общий форум по CSS » Как правильно ставить POSITION
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.