Форум XHTML.ru <!-- по-русски -->

Сайты - по стандартам, но не стандартные сайты!


#1 06.12.2005 10:30

liven
Разбирающийся
Зарегистрирован: 22.11.2005
Сообщений: 74

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

Есть три колонки новостей... Идет новость, под ней картинка. Три блока находятся рядом с друг другом. Кол-во текста в каждом блоке естессно разное. Обязательное условие: текст и картинка идут в одном блоке, т.е. нельзя три текста в один блок, а три картинки в другой... только 3 блока в каждом из которых по тексту и картинке, но вложенных блоков в каждом из 3 естессно сколько угодно...(требование скрипта), размер картинок одинаковый. Нужно картинки выровнять по низу, на одном уровне. Т.е. за увелечением текста в одном блоке, едут вниз все 3 картинки... Как? Реально вообще или нет?

Отредактированно liven (06.12.2005 10:37)

Нет на форуме

 

#2 06.12.2005 12:46

MT
Опытный
Откуда: Moscow
Зарегистрирован: 23.11.2005
Сообщений: 241
Вебсайт

Re: Вертикальное выравнивание в блоках, не связанных между собой...

абсолютным позиционированием, примерно так:

Код:

<style type="text/css">
#myCols {overflow: hidden; position: relative; width: 100%; }
#col_1, #col_2, #col_3 {float: left; padding-bottom: высота_картинки; width: 33%; }
#col_1 IMG, #col_2 IMG, #col_3 IMG {bottom: 0; position: absolute; }
#col_1 IMG {left: 0; }
#col_2 IMG {left: 33%; }
#col_3 IMG {left: 66%; }
</style>

<div id="myCols">
    <div id="col_1"><img ... />...</div>
    <div id="col_2"><img ... />...</div>
    <div id="col_3"><img ... />...</div>
</div>

[url=http://TANALIN.com/blog/]блог[/url] | [url=http://TANALIN.com/music/]музыка[/url] | [url=http://firefox.com/]браузер[/url]

Нет на форуме

 

#3 07.12.2005 13:45

3d-max
Новичок
Зарегистрирован: 03.12.2005
Сообщений: 10

Re: Вертикальное выравнивание в блоках, не связанных между собой...

MT написал:

Не проверял, но помоему не во всех случаях работает....
есть другой вариант, сам только вчера что то типа этого делал...)))

Нет на форуме

 

#4 07.12.2005 13:48

3d-max
Новичок
Зарегистрирован: 03.12.2005
Сообщений: 10

Re: Вертикальное выравнивание в блоках, не связанных между собой...

liven написал:

Есть три колонки новостей... Идет новость, под ней картинка. Три блока находятся рядом с друг другом. Кол-во текста в каждом блоке естессно разное. Обязательное условие: текст и картинка идут в одном блоке, т.е. нельзя три текста в один блок, а три картинки в другой... только 3 блока в каждом из которых по тексту и картинке, но вложенных блоков в каждом из 3 естессно сколько угодно...(требование скрипта), размер картинок одинаковый. Нужно картинки выровнять по низу, на одном уровне. Т.е. за увелечением текста в одном блоке, едут вниз все 3 картинки... Как? Реально вообще или нет?

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

Нет на форуме

 

#5 16.12.2005 12:27

liven
Разбирающийся
Зарегистрирован: 22.11.2005
Сообщений: 74

Re: Вертикальное выравнивание в блоках, не связанных между собой...

В том то и дело что таблицы не хотел использовать....
В итоге текст ограничили по высоте, сделав все 3 блока одинаковыми по высоте да и все..... Решили проблему млин smile
To MT
Твой код не проверял, но все равно Спасибо!

Нет на форуме

 

#6 17.12.2005 03:30

sas171
Новичок
Откуда: Германия г.Штутгарт
Зарегистрирован: 21.11.2005
Сообщений: 34
Вебсайт

Re: Вертикальное выравнивание в блоках, не связанных между собой...

Все довольно просто.

MT кстати предложил тоже самое.

Нет на форуме

 

Board footer

Работает на PunBB
© 2002—2005 Rickard Andersson