phpBB.de

phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/

Fixe Tabellenbreite durch BBCode "CODE" gesprengt

https://www.phpbb.de/community/viewtopic.php?t=147532

Seite 1 von 1

Fixe Tabellenbreite durch BBCode "CODE" gesprengt

Verfasst: 29.04.2007 13:52
von allardliao
Hallo zusammen,

ich habe folgendes Problem:

Mein Forum ist auf eine fixe Grösse gesetzt. Das funktioniert auch soweit. Wenn jedoch ein Code gepostet wird, scheint das den Fexen Tabellenrahmen zu sprengen.
Das Template ist eine Abwandlung des subSilver, welches nur in den Grafik und den Farbeinstellungen verändert wurde.

um Das Problem zu veranschaulichen, hier 2 Links.

Forum
so soll das Forum aussehen und zwar immer.

Posting mit Code
Und so sieht es aus, wenn das Posting einen Code beinhaltet.

Die Tipps aus Fixe Tabellenbreite bei SubSilver-Templates? und Forum fixe Groesse, zentriert. - Krieg's nicht hin. haben leider nicht geholfen.

Hier die entsprechende overall-header.tpl:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/TrekdinnerMeiderich/{T_HEAD_STYLESHEET}" type="text/css" />
<style type="text/css"> 
<!-- 
TH         { background-image: url(templates/TrekdinnerMeiderich/images/{T_TH_CLASS2}) } 
TD.cat      { background-image: url(templates/TrekdinnerMeiderich/images/{T_TH_CLASS1}) } 
TD.rowpic   { background-image: url(templates/TrekdinnerMeiderich/images/{T_TH_CLASS3}); background-repeat: repeat-y } 
TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(templates/TrekdinnerMeiderich/images/{T_TH_CLASS1}) } 
--> 
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body style="BACKGROUND-IMAGE: url(templates/TrekdinnerMeiderich/images/background.gif); BACKGROUND-REPEAT: repeat-x; BACKGROUND-ATTACHMENT: fixed;" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="975" cellspacing="0" cellpadding="10" border="1" align="center" style="border-color:#202020; border-width:2px; border-style:solid; padding:4px"> 
  <tr> 
    <td class="bodyline">
      <table width="100%" cellspacing="0" cellpadding="0" border="0">
        <tr> 
          <td>
            <a href={U_INDEX}><img src="templates/TrekdinnerMeiderich/images/banner.jpg" border="0" alt={L_INDEX} vspace="1" /></a>
          </td>
        </tr>
	<tr><td>&nbsp;</td></tr> 
	<tr> 
		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr>
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/TrekdinnerMeiderich/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/TrekdinnerMeiderich/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/TrekdinnerMeiderich/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/TrekdinnerMeiderich/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; &nbsp;<a href="{U_MEDALS}" class="mainmenu"><img src="templates/TrekdinnerMeiderich/images/icon_mini_medal.gif" width="12" height="13" border="0" alt="{U_MEDALS}" hspace="3" />{L_MEDALS}</a>&nbsp; 
						<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/TrekdinnerMeiderich/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
						<!-- END switch_user_logged_out -->

						</td>
					</tr>
					<tr>
						<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/TrekdinnerMeiderich/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/TrekdinnerMeiderich/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/TrekdinnerMeiderich/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
			</tr>
		</table>

		<br />
und die overall_footer.tpl:

Code: Alles auswählen

<div align="center"><span class="copyright"><br />{ADMIN_LINK}<br />
<!--
	We request you retain the full copyright notice below including the link to www.phpbb.com.
	This not only gives respect to the large amount of time given freely by the developers
	but also helps build interest, traffic and use of phpBB 2.0. If you cannot (for good
	reason) retain the full copyright we request you at least leave in place the 
	Powered by phpBB {PHPBB_VERSION} line, with phpBB linked to www.phpbb.com. If you refuse
	to include even this then support on our forums may be affected. 

	The phpBB Group : 2002
// -->
Powered by <a href="http://www.phpbb.com/" target="_phpbb" class="copyright">phpBB</a> {PHPBB_VERSION} &copy; 2001, 2002 phpBB Group<br />{TRANSLATION_INFO}</span></div>
		</td>
	</tr>
</table>

</body>
</html>
Meines Erachtens liegt es definitiv am Template, da ein anderes Template (fiBlack3D) dieses Problem nicht hat.

Hat irgendjemand eine Idee woran das liegen könnte?

Verfasst: 29.04.2007 14:25
von Amandil
hu lang her dass ich mich mit den zitatboxen auseinander gesetzt hab. ich glaube aber dass diese feste (mindest)größen zugeschrieben bekommen konnten über die css. ich würde mal spontan raten dass dort der Fehler zu suchen wäre.

Verfasst: 29.04.2007 18:58
von allardliao
Ich wüßte nicht was in der *.css da falsch sein könnte. Hier der entsprechende Abschnitt aus meiner CSS-Datei:

Code: Alles auswählen

/* The content of the posts (body of text) */
/* der Inhalt der Posts (Textkörper) */

.postbody 				{ font-size : 12px; color: #FF9C00;}
a.postlink				{ text-decoration: underline; color: #FF9C00; }
a.postlink:link				{ text-decoration: underline; color: #FF9C00; }
a.postlink:visited 			{ text-decoration: underline; color: #FF9C00; }
a.postlink:hover 			{ text-decoration: underline; color: #FF0000; }


/* Quote & Code blocks */
/* Zitat & Code Blöcke */

.code 					{
					font-family: Courier, 'Courier New', sans-serif; 
					font-weight: bold; 
					font-size: 11px; 
					color: #00CC33;
					background-color: #606060; 
					border: #BFBFBF; 
					border-style: solid;
					border-left-width: 1px; 
					border-top-width: 1px; 
					border-right-width: 1px; 
					border-bottom-width: 1px;
}

.quote {
					font-family: Arial, Verdana, Helvetica, sans-serif; 
					font-size: 12px; 
					color: #FF9C00; 
					line-height: 125%;
					background-color: #404040; 
					border: #BFBFBF; 
					border-style: solid;
					border-left-width: 1px; 
					border-top-width: 1px; 
					border-right-width: 1px; 
					border-bottom-width: 1px;
}
Ich habe auch schon in der bbcode.tpl nachgesehen. Auch hier werden relative Angaben (also in Prozent) gemacht. Hierzu der entsprechende Codeabschnitt:

Code: Alles auswählen

<!-- BEGIN code_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr> 
	  <td><span class="genmed"><b>{L_CODE}:</b></span></td>
	</tr>
	<tr>
	  <td class="code"><!-- END code_open -->
<!-- BEGIN code_close --></td>
	</tr>
</table>
<span class="postbody"><!-- END code_close -->
Aber vielleicht sehe ich ja mittlerweile den Wald vor lauter Bäumen nicht mehr. :D

Oder hat vielleicht noch jemand eine Idee?

Verfasst: 29.04.2007 19:28
von Amandil
hmm tritt das problem bei jedem code auf? hab da recht weit unten im code (forum) class="gensmall">{switch_display_medal.details.MEDAL_COUNT}</span></td></tr></table></td>
gefunden. mangels leerzeichen würde der die tabelle strecken.

Verfasst: 29.04.2007 19:48
von allardliao
Das tritt bei diversen Codeeinträgen auf, die einen Zeilenumbruch innerhalb einer CodeZeile erfordern.
Aleredings kann es kein Problem seitens des php-Gerüstes sein, denn ein anderes Template schafft diesen Umbruch.

Zur Ansicht habe ich mal einen Account angelegt, der das andere Template eingestellt hat, bei dem es ja korrekt funktioniert:

User: gast
Passwort: gast

Verfasst: 29.04.2007 20:58
von Amandil
nein schafft es nicht. das andere template macht ebenfalls keinen zeilenumbruch. *gerade angesehen* vergrößer die schriftgröße (strg+mausrad bzw +/-) und du wirst sehen, sobald der text wächst kommt kein umbruch sondern die Zitatbox wird breiter.

Verfasst: 29.04.2007 21:56
von allardliao
Das passiert aber nur beim Firefox ....
Der IE hingegen vergrößert oder verkleinert dabei auch das gesamte Forum.

Mein Problem ist halt, dass dieses Forum fix auf einer festen Breite laufen soll, die durch nichts, was innerhalb des Froums gepostet wird, aufgebrochen werden kann. Notfalls soll er er mitten in einer Zeichenkette einfach umbrechen, wenn ansonsten keine Trennung durch Leerzeichen möglich ist.

Hat hierzu jemand eine Idee, wie man das bewerkstelligen kann?

Verfasst: 29.04.2007 22:07
von Amandil
spontan
http://www.phpbb.de/moddb/fifty_char wär das ne möglichkeit. gerade bei links und codes leider recht unschön. bilder müssten demnach ja auch noch resized werden.

Verfasst: 29.04.2007 23:06
von allardliao
Daran hatte ich auch schon gedacht, aber dort werden ja Texte, die mit BBCode formatiert wurden, leider nicht berücksichtigt.

Dank weiterer Suche bei selfhtml.org hab ich die Lösung selbst gefunden:

Öffne:

Code: Alles auswählen

template/xxx/bbcode.tpl
Finde:

Code: Alles auswählen

<!-- BEGIN code_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
Ersetze mit:

Code: Alles auswählen

<!-- BEGIN code_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center" style="table-layout:fixed">
Mit dem Zusatz style="table-layout:fixed" wird die Einhaltung der Vorgaben erzwungen. Äquivalent sollte man dieses auch auf den QUOTE Code anwenden, um hier den gleichen Problemen aus dem Weg zu gehen.

Trotzdem meinen Dank an Amandil für seine Geduld und Unterstützung.

[EDIT: 30.04.2007 09:49] Das Demoboard ist aus Platzgründen wieder vom Netz. [/EDIT]
Alle Zeiten sind UTC+02:00
Seite 1 von 1

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de