Archiv verlassen und diese Seite im Standarddesign anzeigen : Allgemeines vBulletin-Problem bei der Anzeige "Letzter Beitrag"
Silmarillion
24.09.2004, 22:30
Hallo,
in nahezu allen bekannteren Browsern (Mozilla, Firefox, Opera etc.) außer dem IE6, wird die Anzeige "Letzter Beitrag" auf der Startseite falsch dargestellt. Sieht a) unschön aus und zieht b) das Forum unnötig in die Länge.
Wie kann dieses Problem behoben werden?
*abonnier*
Ist mir auch schon negativ aufgefalleb. Im IE sieht das so schön sauber aus, weigere mich aber, ihn deswegen zu benutzen. *g*
ändert in dem "forumhome_lastpostby" Template
<div align="$stylevar[right]">
$lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>
<a href="showthread.php?$session[sessionurl]goto=lastpost&t=$lastpostinfo[lastthreadid]"><img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a>
</div>
</div>
<else />
<div class="smallfont" align="$stylevar[right]">
$lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>
<a href="showthread.php?$session[sessionurl]goto=lastpost&t=$lastpostinfo[lastthreadid]"><img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a>
</div>
in
<div align="$stylevar[left]">
$lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>
<a href="showthread.php?$session[sessionurl]goto=lastpost&t=$lastpostinfo[lastthreadid]"><img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a>
</div>
</div>
<else />
<div class="smallfont" align="$stylevar[left]">
$lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>
<a href="showthread.php?$session[sessionurl]goto=lastpost&t=$lastpostinfo[lastthreadid]"><img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a>
</div>
Danach sind alle 3 Angaben (Thread-Titel, Username, Datum/Zeit) linksbündig untereinander.
Das ist ja nicht Sinn der Sache. Beim IE wird das ganze in 2 Zeilen dargestellt, bei Firefox, Opera etc. in 3 Zeilen. Schöner wäre es jedoch, wenn man auch dort die 2 Zeilen hinbekäme. Wird da beim IE etwas anders interpretiert? Ist wohl das leidige Thema, dass vBulletin zu sehr an den IE gerichtet ist...
Silmarillion
25.09.2004, 11:12
Moin Maddrax,
diese Lösung sieht dann imho allerdings noch bescheidener aus, als die vorherige. (siehe Anhang) :(
In diesem (http://www.boardunity.de) Forum funktioniert die Anzeige in allen Browsern einwandfrei. (*malnachdemQuellcodegucke*)
mfg
meaningful
25.09.2004, 11:14
Ja dookie, das stört mich auch. Besonders weil immer mehr User dem IE den Rücken kehren. Hier wäre es wirklich nett von den Machern des vB, dieser Entwicklung Rechnung zu tragen.
Ich kann leider nicht sagen, warum das so ist oder pb es Probleme mit älteren Browsern geben könnte, aber wenn man im Template forumhome_lastpostby
<div<if condition="is_browser('ie', 6)"> style="float:$stylevar[left]"</if>>
in
<div style="float:$stylevar[left]">
ändern klappts auch mit dem Nachbarn.
Silmarillion
25.09.2004, 12:06
Hmmm...die Zeile hatte ich noch gar nicht gesehen....hat vB einen Kooperationsvetrag mit Microsoft? ;)
btw - Danke, Pogo! Klappt jetzt wunderbar! :-)
mfg
Silmarillion
26.09.2004, 20:14
Das Problem ist leider doch noch nicht komplett gelöst. In den Unterforen wird, aufgrund der schmäleren Anzeige (betrifft besonders alle "fixed"-Styles) die Anzeige fehlerhaft dargestellt bzw. das Tabellenbild zerschossen!
Hier einmal der IE6, bei dem es vorbildlich funktioniert:
http://www.fanlager-community.de/subie.gif
und hier der Firefox (gleiches gilt für Opera, Mozilla und Co.):
http://www.fanlager-community.de/subfirefox.gif
Wäre wirklich dankbar, wenn hierfür noch eine Lösungsmöglichkeit gepostet würde! :-)
mfg
Deswegen sage ich: Leute benutzt den Internet Explorer! ;) Ist eben der beste.
Silmarillion
26.09.2004, 22:01
Deswegen sage ich: Leute benutzt den Internet Explorer! ;) Ist eben der beste.
@h75:
Wenn es nur so einfach wäre! ^^
Es handelt sich in diesem Fall aber nicht um Browser-Fehler, sondern um einen unzureichenden/fehlerhaften Codeschnipsel des vbulletin!
Ich hoffe mal, dass der behoben werden kann. :-)
mfg
Es sieht bis auf wenigwe pixel fast gleich aus. :confused:
http://hollii.de/temp/81254.jpg
Silmarillion
26.09.2004, 22:47
Naja...diese "wenigen" Pixel machen immerhin eine ganze(!) Zeile aus! ^^
Und das kann nicht der Sinn der Sache sein.
Aber ich bin mir ziemlich sicher, das Mystics, Scotty, Pogo und Co. auch für dieses Problem eine Lösung finden werden. Hoffe ich zumindest mal...bei vBulletin ist bekanntlich nichts unmöglich ;) .....
mfg
Ja die machen aber nur eine zeile aus, wenn der Titel oder der Username länger als 8 oder 10 Zeichen ist. Alles darunter sieht jedenfalls ok aus.
Silmarillion
26.09.2004, 23:10
Es gibt ja im Grunde genommen 2 Möglichkeiten um die Anzeige in ALLEN Browsern gleich und fehlerfrei anzuzeigen:
Der Code wird so umgeschrieben, dass - bei zu langen Usernamen - entweder a) wie im IE6 die Namen automatisch 1 Zeile höher gesetzt werden oder b) die Tabellenspalte automatisch verbreitert wird.
@ TEAM: bitte umsetzen. :D
mfg
Silmarillion
29.09.2004, 14:34
*schnief*
Hat denn niemand einen Lösungsvorschlag? :-(
Anonsten bleibt mir nichts anderes als wieder den alten Code einzubauen. :(
mfg
Silmarillion
03.10.2004, 01:28
Moin,
so schnell gebe ich nicht auf! :p
Es handelt sich hierbei schließlich um ein vBulletin-internes Problem und eine Lösung muss her. :)
Hier noch einmal pogos Vorschlag:
<div<if condition="is_browser('ie', 6)"> style="float:$stylevar[left]"</if>> in
<div style="float:$stylevar[left]"> abändern.
Soweit - so gut! Klappt auf den ersten Blick einwandfrei. Aber eben nur auf den ersten.....
Im Firefox, Mozilla und Opera, also den 3 großen Browser neben IE, wird bei zu langen Namen bzw. Unterforen nun die Tabelle "zerschossen". Im IE hingegen wird in solchen speziellen Fällen automatisch ein Zeilenumbruch eingefügt. Dies müsste doch auch für die anderen Browser realisierbar sein!
Hier noch einmal die Beispielbilder:
--> InternetExplorer 6:
http://www.fanlager-community.de/subie.gif
--> Firefox (gleiches gilt für Opera, Mozilla und Co.):
http://www.fanlager-community.de/subfirefox.gif
mfg
ich habe dieses Problem gelöst indem ich sämtliche font-size Größenangaben relativ setzte, denn die *sprengen* die engen tables, siehe Dein Bild
also überall statt:
zB.: 11px 90%
denn
die unterschiedlichen browser stellen Schriften schlicht anders dar,
somit ist bei Mozilla Arial 11px nicht gleich breit, etc wie beim IE,
[ als Antwort auf alle etwaigen Fragen diesbezüglich verweise ich auf : per Anhalter durch die Galaxie: 42]
unabhängig davon, weiß ich ja nicht, welche Schriftgröße der user nutzt,
hat jetzt Mozilla user 1 seine Schrift auf 110% fixiert, was er ja kann,
und somit mein design überschrieben, crasht jedes pixelgenaue design,
den tables in vb ist dies weitgehendst egal, weil die eh auf % gesetzt sind
ein anderes workaround , um zBArial 11px in allen browsern gleich darzustellen , tät das cms im admincp mit dem wir stylen, sprengen,
dies ist der Nachteil so eines cms's,
doch es hat eben soooo viele Vorteile...;)
probiers mit % Angaben
bei mir funzt es anstandslos
viel Spaß
frage
edit.anhänge und
usernamen auf 20zeichen beschränkt
bei 18 Zeichen langen Themen ist bei mir ne Sperre
Silmarillion
03.10.2004, 21:59
@ frage:
Was soll das bewirken? Bei mir hat sich - bis auf die Tatsache das logischerweise die Schriftgrößen nicht mehr passen - rein gar nichts geändert. :rolleyes:
mfg
dass Deine Schriftgröße nicht mehr passt is net logisch, sondern die % sind dann schlichtweg falsch ;)
also ich suchte und fand,
denn es kann ja kein allgemeines vb prob sein,weil 's bei mir egal welchen browser ich test, passt,
ich empfehle Dir die obig angesprochene css browserweiche für den IE wieder einzubauen, denn die macht Sinn,
sie ist nämlich - so doof es sich anhören mag nicht nur gut für den IE, sondern verdammt gut für jeden Mac, weil der das Nachfolgende nämlich ignoriert,
[ ich schließe per css manchmal mit genau solchen Angaben andere browser aus und erspar mir so die brwoserweichen im header, die eh selten funktionieren]
so zu Deiner Frage:
im Admincp
unter
templates ändern
findest Du im template:
FORUMDISPLAY
und
FORUMHOME
folgendes:
<thead>
<tr align="center">
<td class="thead"> </td>
<td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
<td class="thead" width="175">$vbphrase[last_post]</td>
<td class="thead">$vbphrase[threads]</td>
<td class="thead">$vbphrase[posts]</td>
<if condition="$vboptions[showmoderatorcolumn]">
<td class="thead">$vbphrase[moderator]</td>
</if>
</tr>
</thead>
$forumbits
</table>
<br />
<!-- / sub-forum list -->
</if>
die für Dein prob relevante Stelle markierte ich durch den vielen Abstand
Du kannst Dich hier *spielen* und dieser Spalte mehr pixel einräumen, oder ebend die Schrift anpassen,
Grund:
es gibt im css die Angabe:float, margin, padding
manche browser mögen dies nicht,
die reagieren auf margin, padding jeweils anders
und andere wiederum auf das float,
jetzt können wir designer toben, springen, hüpfen--es is so (leider)
ich kann Dir - so ungern ich dies tu- nur sagen:
probiere unterschiedliche Schriftgrößen aus,
und verlass Dich nicht auf das, was Du auf _Deinem_ PC siehst,
Du weißt nie, mit welcher Einstellung sich user XY das ansieht,
insofern style nie pixelgenau, es kann Dir passieren, dass Du der einzige bist, der dies so wunderschön sieht,
"Deine" zu große Schrift "floated" aus der Spalte,
dies ist die Kurzfassung dessen was ich auf Deinen Bildern sah,
da brauch ich nicht einmal Dein css sehen.
lG
frage
Silmarillion
04.10.2004, 09:31
@ frage: Klingt alles recht vernünftig, was Du da schreibst. Mal gespannt, ob letzten Endes wirklich eine Lösung für diese "Problematik" herauskommt. ;)
Also - unter "forumhome_forumbit_level1_nopost" habe ich folgendes gemacht:
<td class="thead" width="4%"> </td>
<td class="thead" align="$stylevar[left]" width="50%">$vbphrase[forum]</td>
<td class="thead" width="32%">$vbphrase[last_post]</td>
<td class="thead" width="7%">$vbphrase[threads]</td>
<td class="thead" width="7%">$vbphrase[posts]</td>
Unter FORUMDISPLAY habe ich noch diesen Codeschnipsel stehen:
<td class="thead" width="175">$vbphrase[last_post]</td>
Was genau schlägst Du nun vor? Und wie bzw. wo hast Du die Schriftgröße mit 90% definiert? In obiger Zeile?
mfg
njet
ich habe die templates komplett in Ruhe gelassen,
dort nix verändert
aber unter css einstellungen
die Schrift auf %
gesetzt
"forumhome_forumbit_level1_nopost"
da ist der Code ja im Original gar net drin,
1.was willst denn dort damit erreichen?
dies zeigt die Spaltenbreite an, wenn *niemand* gepostet hat
Die gezeigte Spalte ist aber zu schmal, wenn wer gepostet hat.
unabhängig davon
2. wenn Du eine Anzeige auf % setzt musst Du dieselbe Anzeige woanders auch dieselben % setzen
so wie Du es gemacht hast, lieferst Du den browser für ein und dieselbe Spaltenbreite zwei Angaben:
1x 175 (pixel)in forumhome und 1x 32% in forumbit_level1_nopost
1.Lösung
die Originaltemplates
und nur im css die font-size auf %
2.Lösung
Deine derzeitige Angaben in forumbit_level1_nopost
in alle templates:
also FORUMHOME/FORUMDISPLAY UND
# forumhome_forumbit_level1_nopost
# forumhome_forumbit_level1_post
# forumhome_forumbit_level2_nopost
# forumhome_forumbit_level2_post
wenn Du nur in FORUMHOME/FORUMDISPLAY änderst und die level templates in Ruh läßt
könnt es auch funktionieren
denn Dein gezeigtes Problem taucht ja nicht in
nopost---sondern in
# forumhome_forumbit_level1_post
# forumhome_forumbit_level2_post
auf
ich hoff ich hab es halbwegs verständlich rübergebracht
mfg
frage
edit: ich merke, dass Du ganz woanders die Schriftgröße ändern magst als ich meinte,
css einstellungen -> NICHT in den templates selber,
da wirste beim Ändern zum *suchmichidioten* ;)
Silmarillion
04.10.2004, 17:19
@ frage: Erst einmal Danke für Deine Mühe - ich weiß das zu schätzen.
Dennoch schreiben wir offensichtlich aneinander vorbei. Warum, will ich nachfolgend kurz erläutern:
1. Mein Hauptziel ist es, getreu dem IE-Vorbild, in der "lastpost"-Anzeige Autor, Datum und Gif in EINE Zeile zu setzen.
---> Um dies zu erreichen, muss folgender Code (siehe pogos Posting) eingebaut werden:
<div style="float:$stylevar[left]">
Das Problem hierbei ist, dass im Firefox, Opera etc. - im Gegensatz zum IE - bei zu langen Benutzernamen oder zu schmalen Tabellen KEIN zusätzlicher Zeilenumbruch eingefügt wird.
Siehe Beispielfotos:
Hier einmal der IE6, bei dem es vorbildlich funktioniert:
http://www.fanlager-community.de/subie.gif
und hier der Firefox (gleiches gilt für Opera, Mozilla und Co.):
http://www.fanlager-community.de/subfirefox.gif
Nun würde es imho nur 2 sinnvolle Lösungsansätze geben:
1. Den Code so modifizieren, dass auch Firefox und Co automatisch einen Zeilenumbruch einfügen, wenn es denn sein muss!
oder
2. Den Tabellencode so halten, dass er sich automatisch der Länge des Benutzernamens anpasst.
Leider kann ich zu keinem der beiden Ansätze eine Lösung posten. :o
PS: Deine Idee anstatt bspw. 11px doch einfach 90% einzusetzen ist insofern irrelevant, da a) es zur eigentlichen Thematik nicht wirklich was beiträgt und b) durch die Schriftgrößenangaben in Pixel ohnehin KEIN manuelles anpassen der Größe (durch den User) möglich ist. ;)
mfg
ich weiß was Du meinst
frage mich nur wieso alle aufgezählten browser dies bei mir machen und bei Dir nicht ?
Forum: Forenanzeige (allgemein)
Anzahl Zeichen im Betreff des letzten Themas auf 0 gesetzt
damits alles anzeigt
anbei ein screenshot
die Spalte "letzter Beitrag" fährt auseinander wie gigantisch
zeigt automatisch drei Zeilen an
und der screenshot is vom firefox,
weil ich standard unter Windows keinen anderen verwende
und ich habe alle templateangaben im Original belassen
genau deswegen
dat is net logisch...
*grübelnd*
frage
Silmarillion
04.10.2004, 18:03
Hmmm....und um diesen "Effekt" zu erreichen verwendest Du ausschließlich die Originaltemplates und hast zusätzlich unter CSS-Einstellungen sämtliche Schriftgrößen über 90% definiert?
Alles a bisserl merkwürdig ;) ....
EDIT: Ich sehe gerade, dass bei Dir ja 3 Zeilen vorhanden sind - ich will aber nur 2! Das ist ja das Problem. Mit dreien funktioniert es bei mir auch. :p
mfg
Hmmm....und um diesen "Effekt" zu erreichen verwendest Du ausschließlich die Originaltemplates und hast zusätzlich unter CSS-Einstellungen sämtliche Schriftgrößen über 90% definiert?
Alles a bisserl merkwürdig ;) ....
EDIT: Ich sehe gerade, dass bei Dir ja 3 Zeilen vorhanden sind - ich will aber nur 2! Das ist ja das Problem. Mit dreien funktioniert es bei mir auch. :p
mfg
upps
wieso hast Du dann gesagt im IE funktioniert es vorbildlich,der zeigt laut Deinem Bild 3 Zeilen
Siehe Beispielfotos:
Hier einmal der IE6, bei dem es vorbildlich funktioniert:
http://www.fanlager-community.de/subie.gif
verwirrte Grüße
frage
Silmarillion
04.10.2004, 19:15
@ frage:
Richtig - der IE zeigt 3 Zeilen. ABER....nur wenn der Username zu lang ist. Wie schon geschrieben, wird dann automatisch ein Zeilenumbruch gemacht.
PS: Ich habe denn Code in den entsprechenden Templates mittlerweile dahingehend modifiziert, dass es jetzt mit allen Browsern einwandfrei klappen sollte. Wenn die "Testphase" abgeschlossen ist, poste ich die entsprechenden Änderungen hier, an dieser Stelle! :)
mfg
alles retour
das was Du willst
ist hier
forumhome_lastpostby
<div<if condition="is_browser('ie', 6)"> style="float:$stylevar[left]"</if>>
<phrase 1="member.php?$session[sessionurl]find=lastposter&f=$lastpostinfo[forumid]" 2="$lastpostinfo[lastposter]">$vbphrase[by_x]</phrase>
</div>
<div align="$stylevar[right]">
$lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>
<a href="showthread.php?$session[sessionurl]goto=lastpost&t=$lastpostinfo[lastthreadid]"><img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a>
</div>
und um zu erreichen, dass ein *inline* float der Mozilla checkt
musst Du eine span class einfügen
also zu float left für username ein span class float right für das Datum das icon
und dann macht der was Du willst
beide das float left und float right ziehen Dir dann entweder die Spalte auseinander
oder die browser *brechen* um
alternativ kannst Du Dich mit min width oder max width spielen
es is echt ne Spielerei und auf mich wartet heut noch arbeit
also ich vergess das net, aber wir wollen spätestens mittwochs online...
lG
frage
Denkt aber dran. vBulletin ist XML 1.0 tauglich.. Das soll auch so bleiben. Also immer schön mit dem Validator testen...
XML Check
http://validator.w3.org/check?uri=http://www.vbulletin-germany.com/forum/ (klick (http://validator.w3.org/check?uri=http://www.vbulletin-germany.com/forum/))
CSS Check
http://jigsaw.w3.org/css-validator/validator?uri=http://www.vbulletin-germany.com/forum/ (klick (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.vbulletin-germany.com%2Fforum%2F))
Aber bisher muss ich sagen: Superklasse! :)
Silmarillion
04.10.2004, 20:24
@ frage:
Wie schon geschrieben - ich habe mittlerweile selber eine Lösung gefunden.
Dennoch wäre ich an Deiner Variante noch interessiert. Wenn Du Zeit und Lust hast, kannst Du Dich ja noch einmal dahinterklemmen! ;)
PS: Der Code von Dir weist immer noch standardmäßig 3 Zeilen auf - und das ist ja nicht im Sinne des Threadverfassers. ^^
mfg
Denkt aber dran. vBulletin ist XML 1.0 tauglich.. Das soll auch so bleiben. Also immer schön mit dem Validator testen...
yepp und mag Dir versichern,
irgendwann -wenn frau genügend Zeit hat, macht sie dieses Ding auch noch barrierefrei.... davon träum ich schon ewigst,
Aber bisher muss ich sagen: Superklasse! :)
danke für die Rückmeldung
@Silmarillion
logisch ich habe ja auch nur den Originalcode gepostet, um zu zeigen..>>hier<<...liegt des Pudelskern
sei nicht so geizig, schreib was Du tatst
+neugierdsnase is+
lg
frage
vBulletin® v3.7.2, Copyright ©2000-2008, Jelsoft Enterprises Ltd.