Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Позиционирование div над div-ом 
V
    Опции темы
IronKettle
Дата 27.7.2010, 12:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 5
Регистрация: 14.8.2009

Репутация: нет
Всего: нет
Всем привет!
Помогите пожалуйста решить следующую проблему:
размещаю DIV над DIV внутри еще одного DIV следующим образом:
Код

<div>
<div style="position:relative;top:0px;left:0px;width:400px;height:300px;"><img src=""></div>
<div style="position:relative;top:-300px;left:0px;width:400px;height:300px;"><img src=""></div>
</div>

Высота внешнего DIV в таком случае равна 600рх,  тоесть внизу внешнего DIV остается пустая область.

Можно ли как-то избежать этого и сделать высоту внешнего DIV равной высоте внутрених (без использования position:absolute;) ?

Заранее благодарен.
PM MAIL   Вверх
Cheloveck
Дата 27.7.2010, 12:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1578
Регистрация: 26.7.2008
Где: Тула

Репутация: нет
Всего: 32
Код

<html>
<body>
<div style="background-color:yellow;">
<div style="background-color:red;position:relative;top:0px;left:0px;width:400px;height:300px;"><img src=""></div>
<div style="background-color:green;position:relative;top:0px;left:0px;width:400px;height:300px;"><img src=""></div>
</div>
</body>
</html>

user posted image
так?


--------------------
user posted image
PM Jabber   Вверх
Violator
Дата 27.7.2010, 12:46 (ссылка) | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15
Код

<div>
<div style="position:relative;width:400px;height:300px;"><img src=""></div>
<div style="position:relative;width:400px;height:300px;margin-top:-300px;"><img src=""></div>
</div>
PM MAIL   Вверх
ksnk
Дата 27.7.2010, 12:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386
Цитата(IronKettle @  27.7.2010,  12:19 Найти цитируемый пост)
без использования position:absolute;

Это что - задачка на сообразительность?  smile 
Типа выпить стакан воды без рук...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
IronKettle
Дата 27.7.2010, 13:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 5
Регистрация: 14.8.2009

Репутация: нет
Всего: нет
Решение найдено: margin-top:-300px;


Спасибо Violator! smile
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0769 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.