|
|
|
| Помогите решить такую проблемку!
Есть таблица одна строка и два столбика! Первый столбик шириной 15%, а второй -85%!
Так вот когда я во второй столбик вывожу данные из базы в виде таблицы, то эти 85% растягиваются так что появляется горизонт. полоса прокрутки! Я задавала этой таблице кот выводится во втором столбике ширину и 100% и те же 85% и всё тоже!
Помогите как заставить данные в выводимой таблице уместиться на ширине экрана 85% Без полосы прокрутки внизу! Пусть даже переносит слова или делит их по пробелам в выводимой таблице, но что-то же должно быть!
Заранее спасибо! | |
|
|
|
|
|
|
|
для: lilu
(28.10.2005 в 12:00)
| | таблице задать ширину 100%, первому столбцу - 15%, а второму - ничего. тогда ему достанутся оставшиеся 85% и таблица не будет расползаться. | |
|
|
|
|
|
|
|
для: elenaki
(28.10.2005 в 12:30)
| | Нет не получается!
Всё равно, может в самой таблице в базе данных есть одно из значений длиннющее без пробелов и его невозможно разделить и перенести т.е. уменьшить ширину данного столбца, но ведь в других столбцах есть пробелы, почему их нельзя уменьшить автоматически, чтобы в конечном итоге всё поместилось!
Что ещё можно посмотреть и поправить? | |
|
|
|
|
|
|
|
|
для: elenaki
(28.10.2005 в 12:52)
| | Один способ решения - table-layout:fixed - http://softtime.ru/forum/read.php?id_forum=1&id_theme=8312&page=1 (тема: Как сделать чтобы картинка не ломала дизайн?). Обратите внимание, что ширина определяется по первому ряду таблицы (см. описание html). Если длинное слово встретится в первом ряду, эффекта, видимо, не будет.
Другой способ видится в том, чтобы парсить содержимое до отправки и вставлять пробелы в длинные слова (если IE, то пойдут мягкие переносы & shy ; )
Третий способ - если доступа к парсингу на сервере нет, парсится содержимое средствами JS (innerHTML) и длинные слова корректируются. В JS можно контролировать конечные размеры ячеек (offsetWidth) и включать правку, если они вышли за пределы. Или контролировать появление полосы прокрутки (разница в ширине окна и документа). | |
|
|
|