Forum Webscript.Ru
Общие => Веб-технологии => Тема начата: Rigel от 05 Октября 2005, 12:36:49
-
Имеются несколько вертикальных колонок текста разной (неизвестной) длины, и замыкающая их снизу полоска. То есть, она должна быть установлена по высоте самой длинной из колонок. Беда в том, что во-первых, неизвестно, какая из колонок будет больше другой, а второе - руководство категорически хочет чтобы использовались только средства CSS, и не хочет использовать таблицы. Как это сделать? По одной колонке - проще простого, но если другая колонка становится длинее, она просто залезает безжалостно на нижнюю полоску...
Вот один такой пример: http://rigel.tokamak.ru/templ/1/ind2.htm
Подскажите, пожалуйста - сделать такое форматирование явно можно.
-
очень невнятно вы написали но если я правильно понял вам просто нужно сделать в стиле для td\'шки или текста «padding-bottom:10px;» что бы снизу всегда был отступ
-
а если поиграть со свойством position в CSS...
-
Так я с ним и играю, но абсолютное позиционирование не может помочь, потому что неизвестна длина слоев, в представленном примере ( http://rigel.tokamak.ru/templ/1/ind2.htm ) выделенными синим и зеленым. Относительное же позиционирование - то, что нужно, но я могу привязаться только к одному слою, а какой слой будет длинее - неизвестно.
Что касается невнятности - посмотрите пример. Мне нужно, чтобы красная полоса не залезала ни на синюю ни на зеленую, а при любой длине синей и зеленой колонок всегдв была под ними. Заранее признателен за помощь.
-
эту проблему думаю можно решить просто версткой.. но не на дивах :) дальше помочь ничем не могу .. sorry
-
как вариант, правда есть нкоторые артефакты: