Форум PHP программистов > Абсолютный блок поместить в относительный

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Абсолютный блок поместить в относительный

Winston

15.11.2012 - 17:23

Всем привет! В общем не знаю как реализовать, вот картинка

Свернутый текст

Черный блок relative, красный - absolute, красный блок растянуть на высоту черного получилось задав для красного блока left,top,bottom - 0 А вот теперь вопрос - как сделать, чтобы при появлении текста в красном блоке, они оба растягивались по высоте и не было выхода за пределы блоков? :(

HTML

<div style="border: 1px solid; width: 100px; height: 250px; position: relative;">
    <div style="border: 1px solid red; left: 0; bottom: 0; top: 0; position: absolute;">
        ...
    </div>
</div>

CyberOrcX

15.11.2012 - 17:51

во-первых - height: 250px; у черного блока
блокирует всякое изменение размера...
во-вторых, кто тебя учил CSS??
в-третьих, height: 100% абсолютному блоку

я с бухты барахты написал, возможно не правильно, не проверял...

Lightt

15.11.2012 - 17:55

CyberOrcX

Не мешало бы начать с 3 пункта, прежде чем других поучать

Winston
Блоками обязательно? Таблица для этих целей не подойдет?

CyberOrcX

15.11.2012 - 17:59

Lightt
Думаю, ничего не страшного не случилось, последняя надпись - не зря была

Lightt

15.11.2012 - 18:10

CyberOrcX

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

Winston
А с какой целью второй блок в абсолюте? Нужного эффекта можно достигнуть задав такой же relative для второго блока.


<div style="border: 1px solid; width: 100px; position: relative;"> 
	 <div style="border: 1px solid red; left: 0; top: 0; width: 20px; position: relative;"> 1<br />2<br /> 3<br /> 4<br /> 5<br />6<br />7<br />  </div>   
</div>

Winston

15.11.2012 - 19:33

Цитата (CyberOrcX @ 15.11.2012 - 15:51)

во-вторых, кто тебя учил CSS??

Google

Цитата (Lightt @ 15.11.2012 - 15:55)

Блоками обязательно? Таблица для этих целей не подойдет?

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

В общем суть такая
есть 3 блока

Свернутый текст

минимальная высота должна быть 825px - это сделано, все ok - если в блоке выводится немного информации и высота не превышает 825px если же высота превышается, то вот что получается

Свернутый текст

Все вылазит за границу блока и налазит на другие блоки.
Что мне нужно:
- Чтобы блок растягивался в зависимости от содержимого
- Чтобы все блоки выравнивались по высоте самого высокого.

PS: второй пункт думал на JS сделать, но это не выход

Winston

15.11.2012 - 19:37

Lightt
Сейчас еще так как ты сказал попробую..

I++

15.11.2012 - 20:29

Winston, таблицы религия не позволяет использовать?

Скрины посмотрел, думаю на таблицах это достаточно легко сделать.

Winston

15.11.2012 - 20:40

Цитата (I++ @ 15.11.2012 - 18:29)

Winston, таблицы религия не позволяет использовать?

Изначально было на таблицах сделано, но заказчик оказался сильно придирчив к пикселям, нужно чтобы все было пиксель-в пиксель, потому решил блоками переверстать...

Bezdna

15.11.2012 - 23:32

Winston, если ничего не путаю, то нужное тебе решение на форуме выставлял sebastjan.

Быстрый ответ:

Здесь расположена полная версия этой страницы.