|
|
|
| Как сделать две колонки одинаковой высоты на дивах? количество текста в левой колонке меньше количества в правой. при этом левая колонка должна быть такой же высоты как и правая. колонки ограничены бордерами. на табличках все просто. а как на дивах? кто знает? | |
|
|
|
|
|
|
|
для: quiosque
(18.12.2006 в 20:44)
| | вам нужны исключительно одной высоты или имитация сойдет? делается так: все в общий див и ему фоном повторяющимя по y рисунок бордеров... | |
|
|
|
|
|
|
|
для: AlexSol
(18.12.2006 в 20:57)
| | иммитация сойдет, но эта не подходит. между колонками есть свободное пространство, у которого не должно быть границ. к тому же колонки не имеют фиксированной ширины. | |
|
|
|
|
|
|
|
для: quiosque
(19.12.2006 в 07:56)
| | какой визуальный элемент должен показывать, что высота одинакова? (может нарисуете?)
если бордер, то все в общий див с отображением границ, а у колонки которая заведемо выше (если есть такая) отображение одной из боковых граней. | |
|
|
|
|
|
|
|
для: AlexSol
(19.12.2006 в 09:54)
| | что-то в этом роде
--------------- -------------------------------
|__text___| |__text_____________|
|__text___| |__text_____________|
|__text___| |__text_____________|
|_____-__| |__text_____________|
|_____-__| |__text_____________|
--------------- -------------------------------
мужду колонками рассотяние побольше, чем получилось. главный показатель их равной высоты - нижняя граница. | |
|
|
|
|
|
|
|
для: quiosque
(19.12.2006 в 10:52)
| | уф.. ну и задачку вы поставили. скажу сразу: использовать не очень удобно и в опере баг небольшой...
если левую колонку делать фиксированной ширины, то проблем меньше.
----------------------------------------------------
поднимите тему в конце недели - я еще подумаю. | |
|
|
|
|
|
|
|
для: AlexSol
(19.12.2006 в 12:19)
| | :) спасибо.
у меня получилось сделать только для фф и оперы, но на фиксированную высоту. в ие не работает.
топик подниму :) | |
|
|
|
|
|
|
|
для: quiosque
(19.12.2006 в 12:26)
| | ИМХО: При всех плюсах дивной верстки - делать колонки всетки лучше таблицей. Так проще и логичнее и компактнее и защищено от глюков и неправильных отображений в разных браузерах. | |
|
|
|
|
|
|
|
для: quiosque
(19.12.2006 в 12:26)
| | up | |
|
|
|
|
|
|
|
для: quiosque
(22.12.2006 в 18:13)
| | В полне реальна структура, примерно месяц назад сам верстал такую.
хренячиш все это в один div делаеш у него бордер, во нутрь засовываеш ещо один шириной твоего правого, делаеш ему margin-left:(ширина твоего левого) , у правого делаеш слева баграунд картинку: ||(твой средний бордер) ,ставиш ему left repeat-y, потом сюдаже заталкиваем левый div и пишим стиль типа: position:relative;left: [b]- (ширина твоего левого) ;margin-right: - (ширина твоего левого) [/b]; ну там уже по абстаятильствам выровняеш.(Главное не ставь дива float, а то в IE развалится, делай вложения) | |
|
|
|
|
|
|
|
для: Fear.86
(22.12.2006 в 18:29)
| | >quiosque
пробовали конструкцию, что я предложил? устроила или нет?
>Fear.86
несколько выше я выложит то, о чем вы написали, но работает не совсем стабильно. Может сделаете кроссбраузерный примерчик? | |
|
|
|
|
 5.4 Кб |
|
|
для: AlexSol
(22.12.2006 в 19:59)
| | Нашол свой проэкт, придлагаю ознакомится
Кросбраузерность на 99%, (по другому просто быть не может, фирма венеков не вяжет...)
> AlexSol
у вас зависимость от правой колонки, есле левая будет болше правой все развалится, а нас антересует надежная конструкция... | |
|
|
|
|
|
|
|
для: Fear.86
(22.12.2006 в 20:27)
| | > вас зависимость от правой колонки, есле левая будет болше правой все развалится,
> а нас антересует надежная конструкция...
вполне вероятно. на выходных еще подумаю что можно сделать :)
а попробуйте сделать, как просил автор - чтобы обе колонки имели нефиксированную ширину. | |
|
|
|
|
|
|
|
для: AlexSol
(22.12.2006 в 20:44)
| | Выше я прекрепил готовый вариант | |
|
|
|
|
|
|
|
для: Fear.86
(22.12.2006 в 20:54)
| | угу, я видел. а теперь читаем внимательно: обе колонки резиновые. в вашем варианте - левая имеет фиксированную ширину. | |
|
|
|
|
|
|
|
для: AlexSol
(22.12.2006 в 23:03)
| | Так проявите фантазию ! :-) | |
|
|
|
|
|
|
|
для: Fear.86
(25.12.2006 в 11:48)
| | ну началось...
я проывил - что получилось выложил. если бы лучше вышло, выложил бы лучший вариант.
а вот может вы проявите что-нибудь и лучше получтся? | |
|
|
|
|
|
|
|
для: AlexSol
(25.12.2006 в 11:58)
| | Помоему автор получил уже и так достаточно примеров, асталось извлеч из этого полезную информацию, и пироложить немного мозгов. С шириной проблем недолжно быть, надо только использовать процентное соотношение.
А вот всем верстать, у меня желания нет, мне за это не платят, просили совет, они его получили, к тому-же примеров выложили навалом... | |
|
|
|
|
|
|
|
для: Fear.86
(25.12.2006 в 12:51)
| | ну за посещение форума и ответы на вопросы тоже не платят...
автор ответ получил, тока вот теперь мне интересно стало - получится более качественная конструкция, чем у меня или нет( с процентами сходу не выходит).
... ну раз желания нет, и не надо.... | |
|
|
|
|
|
|
|
для: Fear.86
(22.12.2006 в 20:27)
| | 2 Fear.86
и вам тоже спасибо! автор счастлив :) | |
|
|
|
|
|
|
|
для: AlexSol
(22.12.2006 в 19:59)
| | 2 AlexSol
да, сейчас попробовала. вроде все нормально. правда в опере еще не видела. дома посмотрю.
спасибо вам большое за помощь и науку :))) | |
|
|
|