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



 

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

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

Открыть тему
Тема закрыта
> Колонки css
ByhAnka
ByhAnka
Topic Starter сообщение 11.12.2016, 0:16; Ответить: ByhAnka
Сообщение #1


Добрый день всем.
Может кто подскажет, как делать что бы в колонке текст распределялся по высоте.
Колонка высотой 400, а материала на высоту в 600. Получается что должна быть полностью заполнена первая колонка и часть второй.

Сейчас нашла способ только распределить равномерно.

ByhAnka, нашла решение


<div style="float: left; width: 49%;">Текст левой колонки</div><div style="float: right; width: 49%;">Текст правой колонки</div><div class="clear">


Может кто-то знает еще более простой метод?


--------------------
Бизнес идеи, интервью, бизнес планы https://bizznes.ru/
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ByhAnka
ByhAnka
Topic Starter сообщение 12.12.2016, 21:31; Ответить: ByhAnka
Сообщение #2


ByhAnka, новая сложность.


Тут код работает, а на сайте нет. Не понимаю почему так.

http://codepen.io/AnnetByh/pen/vyzjbL

http://arbor-nova.ru/products/prima/

Проблема в том, что нужно, чтобы таблицы на маленьких экранах спускались вниз и становился 1 столбик.


--------------------
Бизнес идеи, интервью, бизнес планы https://bizznes.ru/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WoWeb
WoWeb
сообщение 12.12.2016, 21:37; Ответить: WoWeb
Сообщение #3


ByhAnka,
Код
@media all and (max-width:450px){
   .layer1,.layer2{
       float: none;
       width: 100%;
   }
}


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ByhAnka
ByhAnka
Topic Starter сообщение 12.12.2016, 22:06; Ответить: ByhAnka
Сообщение #4


WoWeb, спасибо, но не помогло. Пока поставлю

.layer1 {
padding: 5px; /* Поля вокруг текста */
float: left; /* Обтекание по правому краю */
width: 400px; /* Ширина слоя */
}
.layer2 {
padding: 5px; /* Поля вокруг текста */
width: 400px; /* Ширина слоя */
float: left; /* Обтекание по правому краю */
}

так действует вроде.

ByhAnka, еще во вторую колонку добавила max-width: 100%;, теперь кратсота.


--------------------
Бизнес идеи, интервью, бизнес планы https://bizznes.ru/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UmbrellaCoders
UmbrellaCoders
сообщение 18.12.2016, 9:11; Ответить: UmbrellaCoders
Сообщение #5


что-то вы велосипед городите, чем не устраивает так?

https://jsfiddle.net/umbrellacoders/b2sugujm/


--------------------
Разработка веб-приложений. Laravel/php , nodejs/js, emberjs.
Парсеры/чекеры/регеры выполняющие js на nodejs/phantomjs.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KonstantinKH
KonstantinKH
сообщение 5.1.2017, 16:41; Ответить: KonstantinKH
Сообщение #6


Может такой вариант будет работать http://htmlbook.ru/css3-na-primerah/mnogokolonochnyy-tekst

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3335 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3292 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6438 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1652 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
2 zaiko 1415 29.12.2020, 23:49
автор: zaiko


 



RSS Текстовая версия Сейчас: 29.3.2024, 9:38
Дизайн