Уезжает таблица
-
Вопрос следующий:
Как можно исправить ситуацию, когда таблица уезжает за пределы основной страницы? Это очень важный и самый главный момент, поскольку именно таблицы являются основой моего сайта.
http://vdvforever.jino.ru/?p=15
http://img-fotki.yandex.ru/get/4606/37022881.27/0_8a772_bfec83fd_XL.jpg
на форуме html не смогли помочь 🙁
Здесь приведен код стилей:
http://forum.htmlbook.ru/index.php?showtopic=31399&view=findpost&p=244453Прошу Вашей помощи.
-
1. Зачем таблица, почему не блоки?
2. А что нужно чтобы происходило. Не уезжали, а что должно быть?С таблицами в своё время помогало задать ширину 100%. Тогда не должна выходить за рамки родителя.
Ширина тут не поможет, если даже изменить размер окна то всё поплывет однозначно…
как вариант всем элементам задать ширину фиксировано скажем в px. А если хотите резину то вам нужно всё сделать таким образом
<table параметры, класс ><tr><td> //Главный контейнер
<table параметры, класс ><tr><td>
Контент
<table параметры, класс ><tr><td>
<table параметры, класс ><tr><td> //ЗакрываемДля резины естественно указать width=»100%»
Ширина тут не поможет, если даже изменить размер окна то всё поплывет однозначно…
Для резины естественно указать width=»100%»
Путаетесь в показаниях.
Картинки вылезут за рамки таблицы при width=»100%» А вот если добавить в контейнер как я описал выше то всё должно быть нормально. Но посмотрев его сайт сделал вывод что его проще переверстать и да, лучше в таблицах.
PS.Сейчас оптимальным решением отказаться от резины а сделать всё фиксировано.
Огромное спасибо за отзывы. Честно говоря даже не думал, что они будут.
К сожалению пока не могу победить данную проблему.Апельсинова, увы ширина указанная в таблице не помогает. Я это первым делом проверил (width=»100%»).
All2012, в пикселях задавал не помогает…
А какие параметры надо указать в описании класса? Вставлять его я так понимаю надо в style.css, а потом добавлять непосредственно в записи при добавлении таблицы? Не могли бы Вы подробнее расписать эти действия, для ламера вроде меня.Вообще хочу перенести сайт-справочник по героям меча и магии http://handbookhmm.ru/ на движок WordPress. Засада именно с таблицами, и плагины в данном случае не подойдут…
Огромное всем спасибо!!! Надеюсь все же решить эту проблему с Вашей помощью.
Уже удалось и вывести таблицу, и сделать для нее очертания и даже центровку текста!
Еще бы разобраться с уездами и можно было бы уже спокойно заняться переносом.
Верю, что WordPress это не проблема, а проблема в кривости моих рук. Но я учусь, прошу сильно по шапке не бить 🙂 Прошу помощи.
Таблица сделанная здесь: http://handbookhmm.ru/battle.html
явно будет залазить за пределы основной страницы. Поэтому и возникла необходимость в резиновости на движке WordPress.Еще вопрос, если позволите:
Как сделать кнопку Форум, ссылочной, т.е. что бы по клику на нее, шел переход на форум, в данном случае сюда: http://handbookhmm.ru/forum/.
skodnik надо что бы таблица была вровень с текстом и не съезжала за пределы основного слоя с контентом, для наглядности:
http://img-fotki.yandex.ru/get/4402/37022881.27/0_8aab2_db6178ec_XL.jpg
VDV_forever Так для этого нужно чтоб она сжималась или ее кусок падал вниз. Если размер таблицы менять нельзя, надо зафиксировать размер поля под ней.
Сделал как говорил All2012, таблица действительно не вышла за пределы контента, но!!! Все изображения в ней автоматически обрезались 🙁
skodnik Надо чтобы она не сжималась и не падала вниз, а сама страница растягивалась, если таблица превосходит страницу по размерам, по аналогии с этим чтобы было:
http://handbookhmm.ru/battle.html
т.е. чтобы появлялся нижний скрол.
похоже, что для WordPress, это не решаемая задача. Жаль, очень жаль. Был лучшего мнения о движке…
В строке 285 файла style.css меняйте
width:90%;
на, например,width:1720px
;. Новое значение равно ширине таблицы + отступы + поля + боковая колонка.Дело не в движке, дело в том, как сверстан шаблон. У Вас он резиновый, это круто, но с таблицей надо его фиксировать, именно это я и рекомендовал.
похоже, что для WordPress, это не решаемая задача. Жаль, очень жаль. Был лучшего мнения о движке…
При чём тут движок? В шаблон можно вставить вообще голый html, и он будет отображаться «как есть».
Это вопрос вашего знания разметки, а не движка.А вообще есть ощущение, что там в родительских элементах этой таблицы проблема с размерами.
В строке 285 файла style.css меняйте width:90%; на, например, width:1720px;. Новое значение равно ширине таблицы + отступы + поля + боковая колонка.
Дело не в движке, дело в том, как сверстан шаблон. У Вас он резиновый, это круто, но с таблицей надо его фиксировать, именно это я и рекомендовал.
Поменял значение ширины следуя Вашим рекомендациям:
table.position
{
position: relative;
width: 1720px;
table-layout: fixed;
}К сожалению результат прежний, таблица уезжает за пределы основного контента (даже 3000 px ставил :)).
Самое забавное, что та же ситуация происходит при полностью резиновом шаблоне с width: 100% (сейчас 90%). Более того, Drupal воспринимает аналогичный шаблон, так же. Таблица уезжает, хоть стреляйся. 🙁
При чём тут движок? В шаблон можно вставить вообще голый html, и он будет отображаться «как есть».
Это вопрос вашего знания разметки, а не движка.
А вообще есть ощущение, что там в родительских элементах этой таблицы проблема с размерами.Да, действительно движок тут не причем. Но если Вы обладаете такими знаниями, помогите решить проблему.
- Тема «Уезжает таблица» закрыта для новых ответов.