Интерактивная таймлайн-карта Хомстака
Я тут встретил две проблемки, решить которые у меня не получается, хотя они совсем не критичные.Во-первых, в то время, как в хромиумных браузерах (Хром, Опера, Яндекс) всё работает идеально, Фаерфокс рисовать канвас габаритами более 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 первых страниц;
– для каждой версии Кролика Лив Тайлер отведён собственный таймлайн;
– всплывающие окошки теперь содержат не только номер, но и название соответствующей страницы;
– код значительно перелопачен.