AKyHuH

не, ну зачем же так категорично можно и списки... )) Почему не совсем? пока не дошло...

не, насколько я понял psywalker вообще предлагает использовать плоский список <ul><li> со свойством для элементов списка inline-block... только что дошло о чем он говорит, но пока я не попробовал это в браузере не могу представить будут ли при этом все элементы списка одинаковой высоты...

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

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

поподробнее пожалуйста

Никогда не считал ограничение функционала выходом из ситуации

Пока хотелось бы попробовать обойтись средствами css и html

Добрый день, уважаемые форумчане! Делаю сайт, левая колонка фиксированной ширины, правая (контент) резиновая. В правой колонке выводится список изображений с заголовками: css: .img { width: 200px; float: left; margin: 0 10px 10px 0; } html: <div class="img"> <img src="image.jpg" alt="" /> <h3>Title</h3> </div> <div class="img"> <img src="image1.jpg" alt="" /> <h3>Title</h3> </div> ... <div class="img"> <img src="imageN.jpg" alt="" /> <h3>Title</h3> </div> в итоге зрительно должно получиться подобие таблицы, где по ширине экрана выстраивается столько изображений, сколько позволяет экран, остальные переходят на следующую строку, потом на следующую и т.д. И все хорошо, пока высота колонок физически одинаковая, но как, например, заголовок одного изображения становится длиннее и занимает несколько строк вся картина нафиг портится... Выход пока вижу только один, каким-то образом сделать высоту всех равной высоте самой высокой, но как этого добиться... в этом собственно и сам вопрос.

ну вот, а вы говорили, что зря я всё усложняю а теперь сами нарадоваться не можете такому простому и техничному решению. И согласитесь - это намного красивее, чем кондишн комментс... К тому же это в очередной раз доказывает, что очевидное решение не всегда является самым верным... всегда есть к чему стремиться. Кстати, прикрутил к реальной задаче, всё работает просто супер!!! Браво psywalker!!!

psywalker, первое ощущение - реально работает, осталось прикрутить под реальную задачу и проверить ещё раз большое спасибо!

Экай вы до чужого добра жадный и сами ничего не посоветовали и другим не даете... Ну да хватит о вас, ваша минута славы на сегодня закончена! Searcher, у меня, если честно, в IE7 вложенные блоки по левому краю выровнялись... а вот в Опере и ФФ - прям как доктор прописал! Спасибо!

товарищ, могу ответить вам той же монетой, сей форум есть сугубо добровольное сообщество, в котором у каждого есть право как задать вопрос, так и ответить, поэтому если вы так ревностно относитесь к своим ответам, вам не стоило бы так ими раскидываться, а то вдруг ещё кто-то позволит себе на ваших плечах в светлое будущее улететь, а вы тут так и останетесь, над златом своих ответов чахнуть... ИМХО, вы менее всего помогли мне, так что вам конкретно себя ни чем обязанным не считаю. Остальным спасибо! В споре рождается истина... и прошу заметить, не я это придумал

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

хм, чую в мой огород камень... а тут у нас что, не интернет?

неа, ну просвети, коль не шутишь

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

хм ну ладно, пусть я буду нуб но всё же ищу валидные варианты... сча вот ещё один испытываю, что если текст между <a href=#>бла-бла</a> просто убрать в невидимую область

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

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

ну, насколько я понимаю, готового рецепта всё равно нет, первые несколько страниц Гугла во всяком случае его не дали... у меня есть ещё 1 заготовка... делается также плоский список, но немного иначе: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0;} ul { list-style: none; text-align: center;} ul li { display: inline; border: 1px solid #000; } ul li a { padding: 8px 8px; (иконки о которых шла речь вначел 16х16 писелей) margin: 2px 5px; background: transparent url('img/img.gif'); (в примере сделаем все икноки одинаковые, на самом деле вся сложность тут в том, что все иконки находятся в одном файле и выводятся путем показа в бэкграунде нужного фрагмента) } </style> </head> <body> <ul> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> </ul> </body> </html> FF, Opera, Хром вроде бы воспринимают такой вариант, а вот IE отказывается показывать бэкграунд, если между <a href=#> и </a> ничего нет... если же туда поставить символ пробела, тогда появляются ненужные подчеркивания от ссылок...

а как быть с FF2? Это я видел, только по сути это ничего не меняет, display: inline; не дает нужного результата

опять же всё упирается в inline-block - IE6 его не понимает... а у меня социалка, мне надо чтобы у всех работало одинакого....

тут подсказали, что может тупо плоским списком сделать и text-align: center; сча попробую

Плавающим - это как?

Сейчас HTML код выглядит примерно так... .icons { margin: 0; padding: 0; } .icons_conteiner { margin: 0 auto; } .icon-write, .icon-addfeatured, .icon-add-friend { display: block; float: left; height: 20px; width: 16px; margin: 3px 10px; } <div class="icons"> <div class="icons_conteiner"> <a href="" alt="" class="icon-write"></a> <a href="" class="icon-add-friend" alt=""></a> <a href="" class="icon-addfeatured"></a> </div> <div class="conteiner_fix_height"></div> </div> Так вот вся проблема в том, что контейнер icons_conteiner сейчас по ширине равен ширине блока icons, а мне нужно, чтобы он растягивался ровно настолько, на сколько его растягивают три блока внутри него.