Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Две колонки одинаковой высоты на дивах
 
 автор: quiosque   (18.12.2006 в 20:44)   письмо автору
 
 

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

   
 
 автор: AlexSol   (18.12.2006 в 20:57)   письмо автору
 
   для: quiosque   (18.12.2006 в 20:44)
 

вам нужны исключительно одной высоты или имитация сойдет? делается так: все в общий див и ему фоном повторяющимя по y рисунок бордеров...

   
 
 автор: quiosque   (19.12.2006 в 07:56)   письмо автору
 
   для: AlexSol   (18.12.2006 в 20:57)
 

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

   
 
 автор: AlexSol   (19.12.2006 в 09:54)   письмо автору
 
   для: quiosque   (19.12.2006 в 07:56)
 

какой визуальный элемент должен показывать, что высота одинакова? (может нарисуете?)

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

   
 
 автор: quiosque   (19.12.2006 в 10:52)   письмо автору
 
   для: AlexSol   (19.12.2006 в 09:54)
 

что-то в этом роде

--------------- -------------------------------
|__text___| |__text_____________|
|__text___| |__text_____________|
|__text___| |__text_____________|
|_____-__| |__text_____________|
|_____-__| |__text_____________|
--------------- -------------------------------

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

   
 
 автор: AlexSol   (19.12.2006 в 12:19)   письмо автору
 
   для: quiosque   (19.12.2006 в 10:52)
 

уф.. ну и задачку вы поставили. скажу сразу: использовать не очень удобно и в опере баг небольшой...

если левую колонку делать фиксированной ширины, то проблем меньше.

----------------------------------------------------
поднимите тему в конце недели - я еще подумаю.

   
 
 автор: quiosque   (19.12.2006 в 12:26)   письмо автору
 
   для: AlexSol   (19.12.2006 в 12:19)
 

:) спасибо.
у меня получилось сделать только для фф и оперы, но на фиксированную высоту. в ие не работает.

топик подниму :)

   
 
 автор: SHAman   (19.12.2006 в 14:12)   письмо автору
 
   для: quiosque   (19.12.2006 в 12:26)
 

ИМХО: При всех плюсах дивной верстки - делать колонки всетки лучше таблицей. Так проще и логичнее и компактнее и защищено от глюков и неправильных отображений в разных браузерах.

   
 
 автор: quiosque   (22.12.2006 в 18:13)   письмо автору
 
   для: quiosque   (19.12.2006 в 12:26)
 

up

   
 
 автор: Fear.86   (22.12.2006 в 18:29)   письмо автору
 
   для: quiosque   (22.12.2006 в 18:13)
 

В полне реальна структура, примерно месяц назад сам верстал такую.
хренячиш все это в один div делаеш у него бордер, во нутрь засовываеш ещо один шириной твоего правого, делаеш ему margin-left:(ширина твоего левого) , у правого делаеш слева баграунд картинку: ||(твой средний бордер) ,ставиш ему left repeat-y, потом сюдаже заталкиваем левый div и пишим стиль типа: position:relative;left: [b]- (ширина твоего левого) ;margin-right: - (ширина твоего левого) [/b]; ну там уже по абстаятильствам выровняеш.(Главное не ставь дива float, а то в IE развалится, делай вложения)

   
 
 автор: AlexSol   (22.12.2006 в 19:59)   письмо автору
 
   для: Fear.86   (22.12.2006 в 18:29)
 

>quiosque
пробовали конструкцию, что я предложил? устроила или нет?

>Fear.86
несколько выше я выложит то, о чем вы написали, но работает не совсем стабильно. Может сделаете кроссбраузерный примерчик?

   
 
 автор: Fear.86   (22.12.2006 в 20:27)   письмо автору
5.4 Кб
 
   для: AlexSol   (22.12.2006 в 19:59)
 

Нашол свой проэкт, придлагаю ознакомится
Кросбраузерность на 99%, (по другому просто быть не может, фирма венеков не вяжет...)

> AlexSol
у вас зависимость от правой колонки, есле левая будет болше правой все развалится, а нас антересует надежная конструкция...

   
 
 автор: AlexSol   (22.12.2006 в 20:44)   письмо автору
 
   для: Fear.86   (22.12.2006 в 20:27)
 

> вас зависимость от правой колонки, есле левая будет болше правой все развалится,
> а нас антересует надежная конструкция...

вполне вероятно. на выходных еще подумаю что можно сделать :)


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

   
 
 автор: Fear.86   (22.12.2006 в 20:54)   письмо автору
 
   для: AlexSol   (22.12.2006 в 20:44)
 

Выше я прекрепил готовый вариант

   
 
 автор: AlexSol   (22.12.2006 в 23:03)   письмо автору
 
   для: Fear.86   (22.12.2006 в 20:54)
 

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

   
 
 автор: Fear.86   (25.12.2006 в 11:48)   письмо автору
 
   для: AlexSol   (22.12.2006 в 23:03)
 

Так проявите фантазию ! :-)

   
 
 автор: AlexSol   (25.12.2006 в 11:58)   письмо автору
 
   для: Fear.86   (25.12.2006 в 11:48)
 

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

   
 
 автор: Fear.86   (25.12.2006 в 12:51)   письмо автору
 
   для: AlexSol   (25.12.2006 в 11:58)
 

Помоему автор получил уже и так достаточно примеров, асталось извлеч из этого полезную информацию, и пироложить немного мозгов. С шириной проблем недолжно быть, надо только использовать процентное соотношение.

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

   
 
 автор: AlexSol   (25.12.2006 в 12:57)   письмо автору
 
   для: Fear.86   (25.12.2006 в 12:51)
 

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

... ну раз желания нет, и не надо....

   
 
 автор: quiosque   (26.12.2006 в 17:07)   письмо автору
 
   для: Fear.86   (22.12.2006 в 20:27)
 

2 Fear.86

и вам тоже спасибо! автор счастлив :)

   
 
 автор: quiosque   (26.12.2006 в 17:04)   письмо автору
 
   для: AlexSol   (22.12.2006 в 19:59)
 

2 AlexSol

да, сейчас попробовала. вроде все нормально. правда в опере еще не видела. дома посмотрю.
спасибо вам большое за помощь и науку :)))

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования