Как сделать, чтобы border-right у всех был по наибольшему блоку

@bulletproof24 · Регистрация: 19.09.2013

Студворк — интернет-сервис помощи студентам

как сделать, чтобы border-right у всех был по наибольшему блоку?

@monochromer · 02.06.2014, 15:19

Сообщение от bulletproof24

как сделать, чтобы border-right у всех был по наибольшему блоку?

Блокам .md-block задайте display: table-cell.

@bulletproof24 · 02.06.2014, 15:44 **[ТС]**

monochromer, не так не работает, пробовал

@monochromer · 02.06.2014, 21:52

Сообщение от bulletproof24

так не работает

Странно, у меня работает

CSS
1
2
3
4
5
6
.content {
  display: table;
}
.md-block {
  display: table-cell;
}

http://jsbin.com/liciz/1/edit?css,output

@bulletproof24 · 03.06.2014, 06:55 **[ТС]**

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

@Vladislav WebDev · 03.06.2014, 07:50

bulletproof24, у вас случаем не древний ИЕ? Ведь должно работать.

@bulletproof24 · 03.06.2014, 17:29 **[ТС]**

Suby, у меня его вообще нет. через хром смотрю

@bulletproof24 · 05.06.2014, 13:22 **[ТС]**

Подскажет кто-нибудь, где может быть ошибка ?

@Taatshi · 07.06.2014, 13:19

bulletproof24,

Комментарий администратора Taatshiправила форума, пункт 4.4

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

Перенесено

@bulletproof24 · 07.06.2014, 20:53 **[ТС]**

http://jsfiddle.net/fJcc7/ Посмотрите здесь. тут почему ошибка ?

HTML5
1
2
3
4
5
6
7
8
9
10
11
<div class="projects">
    <div class="project_row">
        <div class="project_column">Колонка 1</div>  
        <div class="project_column">Колонка 2</div>  
        <div class="project_column">Колонка по-длинее</div>  
        <div class="project_column">Колонка 4</div>  
        <div class="project_column">Колонка 5</div>  
        <div class="project_column">Колонка 6</div>  
        <div class="project_column" id="project_column_last {border:none;}">Колонка 7</div>  
    </div>
</div>

CSS
1
2
3
4
.projects {margin-top:20px; display:table; font:18px Arial, Helvetica, sans-serif;}
.project_row {position:relative; display:table-row; min-height:30px; background:linear-gradient(to top,#CFCFCF,#EDEDED); border:1px solid #C5C5C5; text-align:center;}
.project_column {float:left; display:table-cell; border-right:1px solid #C5C5C5; min-height:28px; padding-top:3px; width:150px;}
#project_column_last {border:none;}

Комментарий администратора

Правила форума пункт 5.19
Запрещено размещать ссылки на коды программ, расположенные на других сайтах. Коды программ должны размещаться на форуме.
Ссылка на песочницу - это бонус.

@bulletproof24 · 09.06.2014, 14:37 **[ТС]**

Знает кто-нибудь?
http://jsfiddle.net/fJcc7/4/

HTML5
1
2
3
4
5
6
7
8
9
10
<div class="projects">
    <div class="project_row">
        <div class="project_column">Колонка 1</div>
        <div class="project_column">Колонка 2</div>  
        <div class="project_column">Колонка по-длинее</div>  
        <div class="project_column">Колонка 4</div>  
        <div class="project_column">Колонка 5</div>  
        <div class="project_column" id="project_column_last {border:none;}">Колонка 6</div>  
    </div>
</div>

CSS
1
2
3
4
.projects {margin-top:20px; display:table; font:18px Arial, Helvetica, sans-serif;}
.project_row {position:relative; display:table-row; min-height:30px; background:linear-gradient(to top,#CFCFCF,#EDEDED); border:1px solid #C5C5C5; text-align:center;}
.project_column {float:left; display:table-cell; border-right:1px solid #C5C5C5; min-height:28px; padding-top:3px; width:150px;}
#project_column_last {border:none;}

@BarbosLV · 09.06.2014, 19:34

Держи страдалец.

HTML5
1
2
3
4
5
6
7
8
9
<div class="projects">
        <div class="project_column">Колонка 1</div>
        <div class="project_column">Колонка 2</div>  
        <div class="project_column">Колонка по-длинее</div>  
        <div class="project_column">Колонка 4</div>  
        <div class="project_column">Колонка 5</div>  
        <div class="project_column" id="project_column_last {border:none;}">Колонка 6</div>  
    
</div>

CSS
1
2
3
4
.projects {margin-top:20px; display:table; font:18px Arial, Helvetica, sans-serif;}
 
.project_column { display:table-cell; border-right:1px solid #C5C5C5; min-height:28px; padding-top:3px; width:150px;}
#project_column_last {border:none;}

Комментарий администратора

Правила форума пункт 5.19
Запрещено размещать ссылки на коды программ, расположенные на других сайтах. Коды программ должны размещаться на форуме.
Ссылка на песочницу - это бонус.

@Academik · 09.06.2014, 20:51

bulletproof24, конечно знаем. Не нужно table-cell использовать в паре с float:

CSS
1
.project_column {float:left; display:table-cell;}

Вот без float результат http://jsfiddle.net/fJcc7/39/

UPD:
Похоже я продублировал предыдущий пост.

@bulletproof24 · 10.06.2014, 12:49 **[ТС]**

Спасибо, выручили) за иронию тож спасибо))

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@bulletproof24 5 / 5 / 3 Регистрация: 19.09.2013 Сообщений: 303

	Как сделать, чтобы border-right у всех был по наибольшему блоку 02.06.2014, 13:18. Показов 997. Ответов 13 Метки нет (Все метки) как сделать, чтобы border-right у всех был по наибольшему блоку? Миниатюры 0

@bulletproof24 5 / 5 / 3 Регистрация: 19.09.2013 Сообщений: 303
	02.06.2014, 15:44 [ТС]
	monochromer, не так не работает, пробовал 0

@bulletproof24 5 / 5 / 3 Регистрация: 19.09.2013 Сообщений: 303
	03.06.2014, 06:55 [ТС]
	monochromer, блин, вот все тику в тику, но у меня не пашет. даж на хостинг выложил, тож не работает. в чем проблема может быть? может в версии html? ну вообще у меня пятый стоит. или может спец-тегов каких-то не хватает? 0

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	03.06.2014, 07:50
	bulletproof24, у вас случаем не древний ИЕ? Ведь должно работать. 0

@bulletproof24 5 / 5 / 3 Регистрация: 19.09.2013 Сообщений: 303
	03.06.2014, 17:29 [ТС]
	Suby, у меня его вообще нет. через хром смотрю 0

@bulletproof24 5 / 5 / 3 Регистрация: 19.09.2013 Сообщений: 303
	05.06.2014, 13:22 [ТС]
	Подскажет кто-нибудь, где может быть ошибка ? 0

@bulletproof24 5 / 5 / 3 Регистрация: 19.09.2013 Сообщений: 303
	10.06.2014, 12:49 [ТС]
	Спасибо, выручили) за иронию тож спасибо)) 0