Всем добрый день!
Такая проблема, у меня за рамки блока выходит таблица, есть ли возможность сделать автоматический перенос как только она доходит до границы блока родителя?
AllesKlar
31.05.2015 - 14:32
Нет.
Таблица - это строки, в которой содержатся ячейки.
У тебя одна строка в которой 9 ячеек.
Ты хочешь, чтобы автоматически менялось количество строк и ячеек в них.
Если сильно заморочиться, то можно на JS написать.
Т.к. у тебя таблица состоит всего из шапки и одной строки, то лучше переделай все в дивы.
Каждый див будет иметь 2 элемента: верхний - шапка и нижний - контент, для каждого из этих "основных" блоков в стилях пропиши float: left
и вот тогда уже эти блоки будут автоматически переноситься вниз, при изменении ширины окна.
_____________
[продано копирайтерам]
Можно горизонтальный скролл добавить и скрыть то что не входит в див.
_____________
Трус не играет в хокей
sergeiss
31.05.2015 - 16:08
Kekc, всё просто делается. Делаешь так, чтобы каждые 2 ячейки были отдельной таблицей. Помещаешь их в отдельный ДИВ. И делаешь его "плавающим". Выводишь все эти ДИВы подряд, они сами будут заполнять ряд и автоматически перейдут на другую строку. Это будет (автоматически) происходить даже при изменении размеров страницы.
Единственная проблема, которую надо будет решить, это выставить корректные размеры по высоте. Чтобы все данные в них влезали. А по ширине они будут автоматически выставляться.
_____________
*
Хэлп по PHP*
Описалово по JavaScript *
Хэлп и СУБД для PostgreSQL*
Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги. *
"накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
думаю стоит переформатировать таблицу: подумать про несколько строк. Надо же еще и не забыть про красоту, а не просто перекинуть на вторую строку.
_____________
Трус не играет в хокей
AllesKlar
31.05.2015 - 23:23
Kekc
У stump хорошая мысль.
Пусти таблицы вертикально.
Будет много строк и только 2 ячейки: наименование поля | значение поля
_____________
[продано копирайтерам]
Всем огромное спасибо!
Воспользовался методом sergeiss, т.к. в моей ситуации более мне подходит!
Тема закрыта!
Быстрый ответ:
Powered by dgreen
Здесь расположена полная версия этой страницы.