[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: резиновый размер div'a
Jekel
Надо чтобы div "telo" растягивался в зависимости от дивов которые находятся в нем. тоесть должен быть черный квадрат в котором по углам будут маленькие зеленые.
Сейчас квадраты box на своих местах, а вот дива "telo" не видно
Помогите пожалуйста.

<style> 
#box{
width:50px; height:50px; background-color:#090; position: absolute;
}
</style>
<div
id="telo" style="background-color: #000; position: absolute; top:600px; left:0px; width: auto; height:auto;">
<div
id="box" style="top:0px; left:0px;"></div>
<div
id="box" style="top:100px; left:200px;"></div>
</div>




Спустя 5 часов, 40 минут, 5 секунд (16.01.2011 - 16:09) inpost написал(а):
position: absolute убери

Спустя 5 часов, 47 минут, 7 секунд (16.01.2011 - 21:56) Snus написал(а):
inpost
Не, ему нужно absolute на relative поменять, а в box добавить position: absolute;

И еще кое-что - у тебя явный конфликт будет. У тебя один и тот же id в div используется. Это не есть хорошо. Замени id="box" на class="box" id="box1" и box2

Спустя 2 часа, 10 минут, 28 секунд (17.01.2011 - 00:06) Jekel написал(а):
не в этом дело...box'ы надо маргином по местам ставить

Спустя 13 минут, 54 секунды (17.01.2011 - 00:20) Snus написал(а):
Jekel
Это ты сам на свой вопрос ответил?

Спустя 1 час, 50 минут, 16 секунд (17.01.2011 - 02:11) Jekel написал(а):
ага, но как оказалось не верно

Спустя 1 минута, 20 секунд (17.01.2011 - 02:12) Jekel написал(а):
надо так чтобы была возможность добалять новые box'ы причем что в любых местах

Спустя 6 минут, 3 секунды (17.01.2011 - 02:18) Jekel написал(а):
сейчас так:
box'ы на своих местах, но map не растянулся...
<style>
.box{
width:50px;
height:50px;
background-color:#090;
position:absolute;
}
.map{
background-color: #ccc;
position: relative;
top:100px;
left:100px;
width:auto;
height:auto;
}
</style>
<div
id="map" class="map">
<div
id="box1" class="box" style="top:0px; left:0px;"></div>
<div
id="box2" class="box" style="top:550px; left:550px;"></div>
<div
id="box4" class="box" style="top:250px; left:250px;"></div>
</div>

Спустя 17 минут, 44 секунды (17.01.2011 - 02:36) inpost написал(а):
Jekel
Это специально так сделано, чтобы элементы (absolute) можно было наполовину высовывать из основного (relative). Ты задаёшь конкретные размеры для relative, поэтому скрываются элементы absolute за его пределами. Если динамически создаются, то меняй свойства и relative, это единственное что могу посоветовать не зная задачи.
Быстрый ответ:

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