Seite 1 von 2
Probleme mit der Fully Integrated Shoutbox by Niels
Verfasst: 16.11.2005 01:22
von noVuz
Ich hab die oben erwähnte Shoutbox installiert und sie funktioniert soweit auch ganz gut. Nur hat sie einen kleinen Darstellungsfehler im firefox, im IE hab ich sie mittlerweile so hinbekommen, dass sie Fehlerfrei dargestellt wird. Hier mal gleich meine Seite, damit sich das auch jeder selbst ansehn kann:
http://www.gf2ks.net/forum
Es wird der untere Pfeil der Scrollleiste innerhalb der Shoutbox nur halb dargestellt. Das liegt daran, dass die obere Leiste, in der das Eingabefeld ist, zu breit dargestellt wird. kann mir hier bei diesem sehr schweren Problem helfen? Bilder und eine englische Beschreibung des Problems gibts
hier. ich danke euch schon mal fürs lesen
Verfasst: 16.11.2005 01:36
von Markus67
Hi ...
was passiert denn wenn du den iFrame auf eine Höhe von 200px stellst ... das sollte doch dann funktionieren.
Markus
Verfasst: 16.11.2005 01:44
von noVuz
Die höhe des iframes ist derzeit auf 187 Pixel eingestellt und wird damit auch im IE perfekt dargestellt. ich kann die Höhe durchaus auch größer einstellen, dann wirds im Firefox richtig dargestellt aber im IE nicht mehr. Das Problem ist ja eben nicht die höhe des iframes, sondern, dass die obere Leiste, in der sich die BB Buttons usw befinden einfach im Firefox höher dargestellt wird als im IE. Woran das liegt weiß ich aber nicht. Kann das auch an meinem jeweiligen Skin liegen?
Verfasst: 16.11.2005 01:54
von Markus67
Hi ...
suche in der shoutbox_body.tpl
<!-- END switch_auth_post -->
<!-- BEGIN switch_auth_no_post -->
{L_SHOUTBOX_LOGIN}
<!-- END switch_auth_no_post -->
<input type="submit" class="liteoption" value="{L_SHOUT_REFRESH}" name="refresh" /></center><br/>
</span>
<center>
Nimm mal das rote <br/> raus ... dann sollte es passen.
Markus
Verfasst: 16.11.2005 02:02
von noVuz
Hi...
dann ist zwar eine Zeile in dem oberen Teil weg und somit ist der obere teil auch nicht mehr so hoch allerdings bleibt der obere Teil der Shoutbox noch immer n Stück höher im firefox als im IE. Das liegt an dem ganz schwachen kleinen weißen Rand, den man dort im oberen Teil sehen kann (der ist auf den Bildern in der oben geposteten englischsprachigen Fehlerbeschreibung rot makiert). Der Weiße Rand wird im IE ganz am Rand der Shoutbox dargestellt und im Firefox sind dort einige Pixel zwischen dem eigentlichen Rand der Shoutbox und dem weißen Rand. Danke übrigends schon mal für deinen Versuch mir zu helfen
Verfasst: 16.11.2005 02:35
von noVuz
Ich hatte nun übrigends schon die Klasse row1 verdächtigt, da diese ja eben den weißen rand erzeugt. Also hatte ich keine Klasse row4 deklariert, die mit der Klasse row1 identisch ist, außer dass ich alle border auf 0 gesetzt habe. Ergebnis war, dass der weiße Rand zwar verschwunden war, allerdings hat sich an der Höhe nix geändert
Vielleicht sollte ich das Problemlösen doch besser Leuten überlassen, die mehr Ahnung haben
Naja, auf jeden fall kann man nun ausschließen, dass der Firefox den Boarder hier falsch darstellt, oder der IE.
Verfasst: 16.11.2005 02:42
von noVuz
Gibt es denn als Ersatz eventuell die Möglichkeit eine Routine einzubaun, die den Browser erkennt (am besten den IE) und dann anstelle der normalen Höhe des iframes eine etwas kleinere für den IE ausgibt?
Verfasst: 16.11.2005 02:47
von Markus67
Hi ...
das Problem sind die "switches" ... die verursachen den "Fehler".
Nimm das hier mal raus ... wird es dann richtig angezeigt?
Code: Alles auswählen
<!-- BEGIN switch_auth_no_post -->
{L_SHOUTBOX_LOGIN}
<!-- END switch_auth_no_post -->
Markus
Verfasst: 16.11.2005 02:55
von noVuz
Hi,
wenn ich das rausnehmen siehts genauso aus wie zuvor. Heute hast du keine Antwort mehr von mir zu erwarten, da ich jetzt ins bett hüpf. Ich hoffe du hast noch weitere Ideen woran das liegen könnte.
Verfasst: 16.11.2005 03:18
von Markus67
Hi ...
versuchs mal mit dieser shoutbox_body.tpl
Code: Alles auswählen
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<link rel="stylesheet" href="{T_URL}/{T_HEAD_STYLESHEET}" type="text/css">
</HEAD>
<body bgcolor="{T_TR_COLOR3}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<script language="JavaScript" src="{T_URL}/bbcode.js" type="text/javascript" ></script>
<form method="post" name="post" action="{U_SHOUTBOX}" onsubmit="return checkForm(this)">
{ERROR_BOX}
<table width="100%" height="26" cellpadding="0" cellspacing="0" border="0" class="row1">
<tr>
<!-- BEGIN switch_auth_post -->
<!-- BEGIN switch_bbcode -->
<td width="10%" class="gensmall" class="row1" align="center" valign="middle" nowrap="nowrap">
<input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(0)" />
<input type="button" class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onClick="bbstyle(2)" />
<input type="button" class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onClick="bbstyle(4)" />
<input type="button" class="button" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onClick="bbstyle(6)" />
<span class="nav"><a href="{U_MORE_SMILIES}" onclick="window.open('{U_MORE_SMILIES}', '_phpbbsmilies', 'HEIGHT=300,resizable=yes,scrollbars=yes,WIDTH=250');return false;" target="_phpbbsmilies" class="nav">{L_SMILIES}</a></span>
</td>
<!-- END switch_bbcode -->
<td width="90%" class="gensmall" class="row1" align="center" valign="middle">
{L_SHOUT_TEXT}:
<input type="text" class="liteoption" name="message" value="{MESSAGE}" size="60%" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);"/>
<input type="submit" class="mainoption" value="{L_SHOUT_SUBMIT}" name="shout" />
</td>
<!-- END switch_auth_post -->
</tr>
<tr>
<!-- BEGIN switch_auth_no_post -->
<td width="10%" class="gensmall" class="row1" align="center" valign="middle">
{L_SHOUTBOX_LOGIN}
</td>
<!-- END switch_auth_no_post -->
<td width="90%" class="gensmall" class="row1" align="center" valign="middle">
<input type="submit" class="liteoption" value="{L_SHOUT_REFRESH}" name="refresh" />
</td>
</tr>
</table>
<iframe src="{U_SHOUTBOX_VIEW}" align="left" width="100%" height="145" frameborder="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
</form>
</body>
Markus