С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.73/15: Рейтинг темы: голосов - 15, средняя оценка - 4.73
BigBoss2012
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 9
1

Таблица уезжает за пределы экрана

17.07.2013, 10:39. Просмотров 2936. Ответов 4
Метки нет (Все метки)

Добрый день!

Очень нужна помощь верстальщика.

Бэкграунд:
Для генерирования PDF из веб-приложения используется библиотека tcpdf 5.0.002 (http://www.tcpdf.org/). Данная библиотека берет HTML-код, который находиться в представлении и с помощью PHP-методов генерирует PDF, располагая HTML-код на листе. Все в принципе, работает правильно, однако есть один досадный момент.

Проблема:
На листе присутсвует таблица, ширина блока которой игнорируется, т.е если запись в какой-либо ячейке <td> длинная, то она не переноситься на следующую строку в ячейке, а продолжается далее в одну строку и ячейка уезжает за пределы экрана (см. скрин).

Что предпринималось:
Пытался прописывать <table width=99> и <table style=width:99%;>
Пытался присваивать свойства CSS break-all, break-word для блока таблицы и для класса таблицы
Для каждой <th> задана ширина своя ширина <th style=width:20%;>. Данная ширина выстраваиется правильно на PDF, но как только количество символов превышает данную ширину, она игнорируется.
Пытался прописывать ширину блока таблицы <div style=width:99%;>
Ну и соответсвенно в файле CSS прописана аналогичная директива
#table_div {
width:99%;
}
Ничего не помогло!

Желаемое состояние:
Таблица не должна уезжать за пределы экрана, а должна остваться в рамках своего <div> с шириной 99%. Строки в
ячейках должны переноситься, если они не умещаются в одну.

Заранее большое спасибо!
0
Миниатюры
Таблица уезжает за пределы экрана  
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
17.07.2013, 10:39
Ответы с готовыми решениями:

Таблица уезжает за грани
Здравствуйте! Проблема в том, что у меня таблица на мобильных устройствах и...

При открытии, вертикальное меню уезжает за пределы фиксированного блока, в котором находится
Ребят, выручайте! Целый день вожусь.. уже мозги кипят! В общем суть такова:...

Таблица align center уезжает вниз
Привет Нарисовал на двух картинках ошибку,я никак не могу понять,в чем дело...

Таблица уезжает влево после работы скрипта
&lt;HTML&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;script type=&quot;text/javascript&quot;&gt;...

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

4
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
17.07.2013, 11:03 2
выложите код хтмл и сss
0
BigBoss2012
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 9
17.07.2013, 23:16  [ТС] 3
Ruisenor, спасибо за внимание. Вот коды:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div id=main_table>
<table class=maintable width=99 border=1 cellpadding=0 cellspacing=0>
<tr><th>Title</th>
<th>Address</th>
<th>Owner</th>
<th>Description</th></tr>
<tr><td>Title 1</td>";
<td style=text-align:left>Address 1</td>
<td style=text-align:center>Owner 1</td>
<td style=text-align:left>Description 1</td></tr>
</table>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
#main_table {
    position: absolute;
    top:18%;
    left:0%;
}
 
table.maintable {
    font-family: Arial;
    font-size:12pt;
    line-height: 1.5px;
    white-space: nowrap;
}
0
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
17.07.2013, 23:26 4
у меня вопрос это весь код вы выложили или только часть ?
0
BigBoss2012
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 9
17.07.2013, 23:37  [ТС] 5
Цитата Сообщение от Ruisenor Посмотреть сообщение
у меня вопрос это весь код вы выложили или только часть ?
Это часть, которая работает неправильно. Еще есть шапка ПДФ, но к ней претензий нет.
0
17.07.2013, 23:37
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
17.07.2013, 23:37

Таблица вылазит за пределы DIV
Таблица вылазит за пределы контента при прокрутке масштаба, как исправить? ...

Меню выходит за пределы экрана
Всем привет! Ребят подскажите как поправить меню: &lt;div...

Таблица в Mozilla firefox съзжает за пределы страницы
Всем привет помогите вот ссылка на страницу http://www.konvertik.com/price.html...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru