Homestuck таймлайн-карта сделал сам точнее ещё делаю ...MS Paint Adventures фэндомы 

Интерактивная таймлайн-карта Хомстака

Я тут встретил две проблемки, решить которые у меня не получается, хотя они совсем не критичные.

Во-первых, в то время, как в хромиумных браузерах (Хром, Опера, Яндекс) всё работает идеально, Фаерфокс рисовать канвас габаритами более 4000х4000, а иногда и меньшим, по каким-то причинам отказывается. Поэтому версии для этого браузера вероятно не будет, если только кто-нибудь не подскажет мне, как это исправить. Гугл не помог.

Второе. Допустим, есть div с жёстко закреплённой шириной. Внутри него другой div с границами. Так вот этот div как по умолчанию, так и если поставить значение ширины auto, принимает ширину родительского div. А мне нужно, чтобы он принимал ширину по своему содержимому. Использование display: inline; не помогает, так как текст внутри дива может быть длинным, и, при переходе текста на новую строку, границы дива начинают вести себя странно. Использование display: inline-block; тоже не помогает, так как при нём ширина опять же берётся у родительского div. Существует ли какой-либо способ решения данной проблемы? Если нет, то окошки, всплывающие по наведению курсора на точку таймлайна и содержащие какое-нибудь длинное название страницы, будут иметь ширину строго в 230 пикселей, а не динамическую. Мелочь, а неприятно.

Свежая версия таймкарты: https://drive.google.com/file/d/0B_cljaTw-TqGX0hIUGFjZUtXeVk/view?usp=sharing
– содержит 200 первых страниц;
– для каждой версии Кролика Лив Тайлер отведён собственный таймлайн;
– всплывающие окошки теперь содержат не только номер, но и название соответствующей страницы;
– код значительно перелопачен.
Развернуть

Homestuck таймлайн-карта сделал сам точнее ещё делаю ...MS Paint Adventures фэндомы 

Интерактивная таймлайн-карта Хомстака

Я тут начал пилить эту самую интерактивную таймлайн-карту.

Суть в том, что чукча не дизайнер, поэтому, чтобы не сделать вырвиглазную и ненаглядную фигню, решил сначала попросить советов у фендома. Что можно добавить, что изменить, что и так хорошо и лучше не трогать, и что вы вообще об этом думаете.

На данный момент реализовано пока что лишь 100 первых страниц. Для каждого персонажа рисуется свой собственный таймлайн соответствующего цвета, а поверх них всех – сторилайн чёрного цвета и тонкой линией. По наведению на каждую точку таймлайнов показывается номер соответствующей страницы комикса, а по клику на точку соответствующая страница открывается. Точки страниц со звуком выделяются большим размером по сравнению с обычными, а страниц с рукой Джона из будущего – голубым кольцом вокруг них.

Вот ссыль на текущую версию: https://drive.google.com/file/d/0B_cljaTw-TqGX0hIUGFjZUtXeVk/view?usp=sharing

Это HTML-файл, его надо качать на комп и открывать браузером.

Ну, вот, в общем-то, и всё.

Неинтерактивные скриншоты карты:
Помощь сториЛайн Джон Эгберт Роуз Лалонд Дейз Страйдер Джейд Харли Батя Джона Книга Сзссакра Кроли« Лиз Тайлер ◄,MS Paint Adventures,фэндомы,Homestuck,таймлайн-карта,сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам,точнее ещё делаю

 i—* ф—* i—* 1 • • • • < ►,MS Paint Adventures,фэндомы,Homestuck,таймлайн-карта,сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам,точнее ещё делаю

Развернуть