Fixe Tabellenbreite durch BBCode "CODE" gesprengt

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
Benutzeravatar
allardliao
Mitglied
Beiträge: 10
Registriert: 24.07.2006 17:39
Wohnort: Oberhausen
Kontaktdaten:

Fixe Tabellenbreite durch BBCode "CODE" gesprengt

Beitrag 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?
Gruß,
allardliao
Benutzeravatar
Amandil
Mitglied
Beiträge: 136
Registriert: 10.03.2007 15:29
Wohnort: Garching bei München

Beitrag 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.
Benutzeravatar
allardliao
Mitglied
Beiträge: 10
Registriert: 24.07.2006 17:39
Wohnort: Oberhausen
Kontaktdaten:

Beitrag 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?
Gruß,
allardliao
Benutzeravatar
Amandil
Mitglied
Beiträge: 136
Registriert: 10.03.2007 15:29
Wohnort: Garching bei München

Beitrag 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.
Benutzeravatar
allardliao
Mitglied
Beiträge: 10
Registriert: 24.07.2006 17:39
Wohnort: Oberhausen
Kontaktdaten:

Beitrag 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
Gruß,
allardliao
Benutzeravatar
Amandil
Mitglied
Beiträge: 136
Registriert: 10.03.2007 15:29
Wohnort: Garching bei München

Beitrag 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.
Benutzeravatar
allardliao
Mitglied
Beiträge: 10
Registriert: 24.07.2006 17:39
Wohnort: Oberhausen
Kontaktdaten:

Beitrag 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?
Gruß,
allardliao
Benutzeravatar
Amandil
Mitglied
Beiträge: 136
Registriert: 10.03.2007 15:29
Wohnort: Garching bei München

Beitrag 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.
Benutzeravatar
allardliao
Mitglied
Beiträge: 10
Registriert: 24.07.2006 17:39
Wohnort: Oberhausen
Kontaktdaten:

Beitrag 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]
Gruß,
allardliao
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“