Auch wenn hier eine JS-Timeline dabei ist, vermute ich, dass es sich wohl eher um eine Frage der div-container handelt.
Vorweg der Link zu der im Aufbau befindlichen Seite: http://kahn.8sf.de/daten.html
Noch mal das Problem: alles bestens ist es solange die tagliste auf eine Zeile passt:
[Blockierte Grafik: http://kahn.8sf.de/normal.jpg]
Sobald aber ein Tag der Tagliste eine zweite Zeile braucht, wird damit der Platz der Timeline verkleinert:
[Blockierte Grafik: http://kahn.8sf.de/umbruch-ein-tag.jpg]
und richtig nervig d.h. für kleine displays komplett sinnlos sieht die Lage aus, wenn nicht nur zwei oder mehr tags auf der zweiten Zeile umgebrochen sind sondern auch der kleine Bedienungsanleitungstext über der Taglist eine zusätzliche Zeile braucht und damit die Taglist selbst noch weiter in die Fläche der Timeline schiebt, weil damit dann die ganze Taglist den Platz der Timeline verdrängt:
[Blockierte Grafik: http://kahn.8sf.de/umbruch-zwei-tag.jpg]
Ich habe nun versucht um dieTagliste einfach noch einen eigenen Container drum zu machen, was aber eher nur noch mehr Chaos verursacht hat, da dann die Timeline plötzlich die Literaturliste darunter überdeckt hat.
Kurz mein kaum vorhandenes html-Latein ist schon mal wieder am Anschlag und ich könnte einen Tipp gebrauchen, wie ich der Tagliste das ungestörte Umbrechen auf zwei oder mehr Zeilen ermöglichen kann, ohne, dass die Timeline dadurch eingeschränkt wird.
BTW. ein weiteres lästiges Problem mit der Timeline, bei dem mir irgendwie der Begriff z-index im Kopfschwebt ohne dass ich genau weiß wo ich jetzt besser einen hohen und wo einen niedrigen eintragen muss, ist der lästige Umstand, dass das Dropdown-Menü sobald es bis zur Timeline ausrollt, hinter dem Timelinerahmen liegt, dort also auch nicht anklickbar ist.
Muss ich jetzt die placement div in der die Timeline aufgerufen wird mit einem niedriegen z-index oder/und die Dropdownmenüs mit hohen z-indexen versehen? Oder gibt es da vielleicht noch ganz andere oder gar einfachere Möglichkeiten für Ordnung zu sorgen?
Für jeden hilfreichen Tipp bin ich sehr dankbar.