Hab' doch noch eine Frage, lieber Chiller.
Du schreibst:
"Um jede Spalte gleich breit zu bekommen, nutze ich ebenfalls das transparente Bild (Höhe: 1px, Breite: 1920px)."
Ich finde aber in deinem Beispiel nur eine transparente Linie mit 1680 x 1.
Sehe ich das falsch?
Du bist wirklich sehr aufmerksam mein lieber @double-u :) Ich dachte, das merkt keiner... ^^ Nein, ich wollte das vorhin noch erklären, aber dann hab ich es irgendwie verplant. In meinen Tests hatte das Bild keine Auswirkung auf die Breite der zweiten Spalte und daher habe ich es weggelassen.
Es gibt einen Fall, bei dem das zu einem Problem führen könnte, aber der ist sehr unwahrscheinlich. Sollte Steemit die "max-width: 50%" für die Pull-Klasse auf eine andere %-Zahl ändern, wäre die Breite der 2. Spalte evtl. nicht mehr ganz dieselbe. Dann würden allerdings sämtliche Artikel mit diesen Klassen aufeinmal anders aussehen und mit dieser Lösung hier wäre man immer noch auf der sichereren Seite.
Die sauberste Methode ist also wirklich immer für beide Spalten das Bild einzufügen. Wenn bereits Block-Elemente wie <h2> in dem jeweiligen <div> vorhanden sein, braucht man wie gesagt kein Bild, da automatisch die maximale Breite genommen wird.
Bei mir sind es aber trotzdem 1920 x 1 Pixel... Hattest du dich da vertippt?
Vielen Dank für deinen Hinweis und dafür, dass du das so genau untersucht hast ;)
Ich hatte deine Linie
https://steemitimages.com/DQmeyBBAjsQH1ixSxS3Gbm3Pj4sfzXz8RJAAmSWmc8Q4fYr/space.png
runtergeladen und untersucht.
Dabei kam heraus, dass sie 1680 x 1 groß ist.
Aber vielleicht stehe ich ja auch auf dem Schlauch ;-)
Also, soll ich eine verwenden, die 1920 x 1 Pixel hat?
Hmm, das ist merkwürdig. Ich dachte zuerst, es könnte an deinem Browser liegen, aber habe es jetzt mit Firefox, Opera und Chrome heruntergeladen und komme immer zum selben Ergebnis:
Ich hatte deine Datei in den Steemit Editor eingegeben und in der Vorschau die leere Zeile markiert und dieses Bild runtergeladen und untersucht.
Die 1680 sind - glaube ich - exakt die doppelte Textbreite.
Vielleicht wird deine Linie durch Steemit angepasst auf diese doppelte Textbreite.
Also, mir ist das nicht so wichtig.
Wichtig wäre für mich: soll ich also eine Linie kreieren mit 1920 Breite und verwenden?
Ok, dann wird das für die Vorschau verkleinert. Auf dem Server ist es auf jeden Fall in Originalgröße gespeichert. Die 1920 hat jetzt auch keine spezielle Bedeutung, man könnte vielleicht lieber noch höher gehen.
Habe das eben mal mit einem 50-Pixel-Bild getestet und das hat nicht mehr funktioniert. Je höher desto besser. Die Datei mit 1920 ist ja auch nur 103 Bytes groß, also da könnte man sogar noch viel mehr in die Breite gehen, ohne irgendwelche Performance-Probleme zu bekommen.
1999 würden es also locker auch noch tun, falls du es mehr an deine 99er Vote-Größe anpassen möchtest... ^^
Danke dir noch mal, lieber Chiller!
Dann nehm' ich doch einfach 2000 Pixel Breite.
Habe heute ganz schön viel ausprobiert mit dem Material, das ich von dir als Basis habe.
Ich denke, ich werde wahrscheinlich zurecht kommen, den nächsten zweispaltigen Post nach deiner Methode zu verfassen.
Liebe Grüße
Hallo @double-u! Ich habe gerade noch ein bisschen ausprobiert, was die optimale Größe des transparenten Bildes angeht und habe herausgefunden, dass ein PNG mit 4000 Pixeln in der Breite ebenfalls nur 110 Bytes groß ist.
Ich würde empfehlen, mindestens diese Breite zu nehmen, da es damit niemals zu Problemen kommen kann, egal wie hoch die Auflösung des Endgeräts ist. Die Wenigsten werden Steemit auf dem Fernseher mit so einer Auflösung besuchen, aber man weiß nie, was in den nächsten 10 Jahren noch kommen wird :)
Damit sind wir auf jeden Fall für viele Jahre gerüstet und die alten Beiträge werden auch nach 10 Jahren noch richtig dargestellt. Ich hatte mir Gedanken gemacht, weil ich euch das hier ja empfohlen habe und möchte nicht, dass es einiges Tages nicht mehr funktioniert und auf mich zurückkommt ;)
Ich werde mal schauen, ob ich das an die Steemit-Entwickler weitergeben kann, damit wir möglichst bald eine saubere Lösung in Form einer "vAlignTop"-Klasse bekommen. In meinem ersten Kommentar mit der Beschreibung habe ich jetzt auch die Breite auf 4000 geändert.
Liebe Grüße
Lieber @steemchiller,
dankeschön, auch für dein Verantwortungsbewusstsein!
Tja, ich merke, dass wir uns in einigen Eigenschaften anscheinend sehr ähnlich sind ;-)
Liebe Grüße
Freut mich, dass ich helfen konnte! Ja mit 2000 Pixeln sollte man auf der sicheren Seite sein. Ich überlege, dafür noch einmal einen eigenen Post zu erstellen, wenn ich dazu in den nächsten Tagen noch komme...
Falls du noch fragen haben solltest, kannst mir einfach nochmal hier antworten oder so. Ich bin ja so gut wie immer hier ;)
Liebe Grüße