X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Одинаковая высота колонок div
DreamShark
DreamShark
Topic Starter сообщение 6.9.2010, 20:52; Ответить: DreamShark
Сообщение #1


Подскажите, как сделать колонки одинаковой высоты при помощи дивов?
Спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 6.9.2010, 21:13; Ответить: Arks
Сообщение #2


делайте колонки разной высоты и заполняйте родительский блок фоном как будто это колонки одинаковой высоты! :popcorn2:
[IMG]http://www.html.by/attachment.php?attachmentid=1806&stc=1&d=1283793461[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DreamShark
DreamShark
Topic Starter сообщение 6.9.2010, 21:20; Ответить: DreamShark
Сообщение #3


У меня расстояние между колонками есть...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 6.9.2010, 21:20; Ответить: Arks
Сообщение #4


в примере:
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>

container залит серым цветом background-color
в качестве фонового изображения слева находится полоска высотой в 1px и синего+разделяющего градиента, у которой repeat-y

левая колонка фикс, правая - резина.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 6.9.2010, 21:33; Ответить: Arks
Сообщение #5


(DreamShark @ 7.9.2010, 00:20) *
У меня расстояние между колонками есть...

тогда несложный javascript решит проблему. Я себе представляю это как-то так:
h1=document.getElementByID("col1").clientHeight;
h2=document.getElementByID("col2").clientHeight;
if (h1>h2) h2=h1;
else h1=h2;
document.getElementByID("col1").style.height=h1;
document.getElementByID("col2").style.height=h2;


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1596 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Автоматическая высота grid
0 askjust.ru 4514 13.2.2019, 13:32
автор: -askjust.ru-
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5465 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6930 17.4.2016, 17:45
автор: -serj123-
Открытая тема (нет новых ответов) Как заставить отображать несколько элементов DIV в одну строку?
2 Aalena 4016 10.1.2016, 10:18
автор: -Aalena-


 



RSS Текстовая версия Сейчас: 20.4.2024, 10:28
Дизайн