Forum Zentrieren ?!

stefan23 · Beitrag von **stefan23** » 02.09.2003 11:10

Hallöchen zusammen,

Ich würde gerne mein komplettes Forum zentrieren, sprich das es eine Feste Größe von einer Breite von max 1024 px hat und das wenn man einen größeren Montitor hat das Forum automatisch immer zentriert auf den Monitor bleibt so wie hier z.B.:

http://www.x-stat.de/

Wie kann ich das machen ?
Muß ich nur in der overall_header.tpl etwas ersetzen ?
Ich benutze das fiapplegreen style.
Ich habe schon alles mögliche rumprobiert, aber ich bekomme das net so richtig hin.

Hier mal meine overall_header.tpl

Code: Alles auswählen

<?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 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 http-equiv="Page-Enter" content="blendTrans(Duration=0.6)"> 
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.6)">

{META}
{NAV_LINKS}
<title>..:: {SITENAME} ::.. {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/fiapplegreen/{T_HEAD_STYLESHEET}" type="text/css" />
<!-- BEGIN switch_enable_pm_popup -->
<script 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 -->
<script language="javascript" type="text/javascript">
<!--
window.status="{PRIVATE_MESSAGE_INFO}"
// -->
</script>
<!-- Menü Start --><!-- Menü Start --><!-- Menü Start --><!-- Menü Start --><!-- Menü Start -->
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript1.2 src="./templates/menue.js"></SCRIPT>
<SCRIPT language=JavaScript1.2>
<!--
	YOffset=145;
	staticYOffset=50;
	slideSpeed=1;
	waitTime=100;
	menuBGColor="#A8F7AE";
	menuIsStatic="no";
	menuWidth=230;
	hdrFontFamily="Verdana, Arial, Helvetica, sans-serif";
	hdrFontSize="0";
	hdrFontColor="#000000";
	hdrBGColor="#A8F7AE";
	hdrAlign="left";
	hdrVAlign="center";
	hdrHeight="6";
	linkFontFamily="Verdana, Arial, Helvetica, sans-serif";
	linkFontSize="1";
	linkBGColor="#DADADA";
	linkOverBGColor="#DADADA";
	linkTarget="_self";
	linkAlign="left";
	barBGColor="#A8F7AE";
	barFontFamily="Verdana, Arial, Helvetica, sans-serif";
	barFontSize="0";
	barFontColor="#000000";
	barVAlign="center";
	barWidth=6;
	startMenu("Navigation","  ");
		addExItem("Portal", "portal.php");
		addExItem("Index", "{U_INDEX}");
		addExItem("Chat", "{U_CHAT}");
		addExItem("Statistik", "statistics.php");
		addExItem("{L_FAQ}", "{U_FAQ}");
		addExItem("Nickpage Liste", "nickpage_list.php");
		addExItem("Haltungsberichte", "haltung.php");
	addHdr("Privates");
		addExItem("{L_LOGIN_LOGOUT}", "{U_LOGIN_LOGOUT}");
		addExItem("{L_PROFILE}", "{U_PROFILE}");
		addExItem("{PRIVATE_MESSAGE_INFO}", "{U_PRIVATEMSGS}");
		addExItem("Wer ist Online ?", "viewonline.php")
	addHdr("Foren");
		addExItem("Echsen", "index.php?c=1");
		addExItem("Schlangen", "ndex.php?c=2");
		addExItem("Rund ums Zubehör", "index.php?c=3");
		addExItem("Sonstiges", "index.php?c=4");
	    addExItem("Rund ums Forum", "index.php?c=5");
	
	endMenu();
	function showhelp(helptext,boardid)
		{
		helpwindow = open("useraction.php3?action=gethelp&BoardID=" + boardid + "&helptext=" + helptext, "Helpfenster", "width=400,height=500,dependent=yes,locationbar=no,menubar=no,status=no,resizable=yes");
		helpwindow.document.write(windowtext);
		}
//-->
</SCRIPT>
<!-- Menü Ende --><!-- Menü Ende --><!-- Menü Ende --><!-- Menü Ende --><!-- Menü Ende -->

</head>
<body><a name="top" id="top"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<a name="top" id="top"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><table border="0" cellpadding="0" cellspacing="0">
<tr> 
<td><a href="{U_INDEX}"><img src="images/spacer.gif" width="0" height="26" border="0" alt="" /></a></td>
<td><img src="templates/fiapplegreen/images/{LANG}top_bar_clear.gif" width="80" height="26" border="0" alt="http://www.reptilseite.de/phpbb2/portal.phpL_PORTAL" title="Intro" /></td>
<td><a href="http://www.reptilseite.de/phpBB2/portal.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_portal.gif" width="80" height="26" border="0" alt="http://www.reptilseite.de/phpbb2/portal.phpL_PORTAL" title="Portal" /></a></td>
<td><a href="{U_INDEX}"><img src="templates/fiapplegreen/images/{LANG}top_bar_index.gif" width="80" height="26" border="0" alt="{L_INDEX}" title="{L_INDEX}" /></a></td>
<td><a href="{U_FAQ}"><img src="templates/fiapplegreen/images/{LANG}top_bar_faq.gif" width="80" height="26" border="0" alt="{L_FAQ}" title="{L_FAQ}" /></a></td>
<td><a href="{U_MEMBERLIST}"><img src="templates/fiapplegreen/images/{LANG}top_bar_memberlist.gif" width="80" height="26" border="0" alt="{L_MEMBERLIST}" title="{L_MEMBERLIST}" /></a></td>
<td><a href="{U_SEARCH}"><img src="templates/fiapplegreen/images/{LANG}top_bar_search.gif" width="80" height="26" border="0" alt="{L_SEARCH}" title="{L_SEARCH}" /></a></td>

</tr>
<a name="top" id="top"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><table border="0" cellpadding="0" cellspacing="0">
<tr> 
<td><a href="{U_INDEX}"><img src="images/spacer.gif" width="0" height="26" border="0" alt="" /></a></td>
<td><img src="templates/fiapplegreen/images/{LANG}top_bar_clear.gif" width="80" height="26" border="0" alt="http://www.reptilseite.de/phpbb2/portal.phpL_PORTAL" title="Intro" /></td>
<td><a href="{U_PROFILE}"><img src="templates/fiapplegreen/images/{LANG}top_bar_profile.gif" width="80" height="26" border="0" alt="{L_PROFILE}" title="{L_PROFILE}" /></a></td>
<td><a href="{U_CALENDAR}"><img src="templates/fiapplegreen/images/{LANG}top_bar_kal.gif" width="80" height="26" border="0" alt="{L_CALENDAR}" title="{L_CALENDAR}" /></a></td>
<td><a href="{U_PRIVATEMSGS}"><img src="templates/fiapplegreen/images/{LANG}top_bar_inbox.gif" width="80" height="26" border="0" alt="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" /></a></td>
<!-- BEGIN Shownickpagebutton -->
	<td><a href="{Shownickpagebutton.U_NICKPAGE}"><img src="templates/nickpage/{LANG}top_bar_nick.gif" width="80" height="26" border="0" alt="{Shownickpagebutton.U_NICKPAGE}" title="{Shownickpagebutton.U_NICKPAGE}" /></a></td>
	<!-- END Shownickpagebutton -->
<!-- BEGIN switch_user_logged_in -->
<td><a href="{U_LOGIN_LOGOUT}"><img src="templates/fiapplegreen/images/{LANG}top_bar_logout.gif" width="80" height="26" border="0" alt="{L_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" /></a></td>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<td><a href="{U_LOGIN_LOGOUT}"><img src="templates/fiapplegreen/images/{LANG}top_bar_login.gif" width="80" height="26" border="0" alt="{L_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" /></a></td>
<td><a href="{U_REGISTER}"><img src="templates/fiapplegreen/images/{LANG}top_bar_register.gif" width="80" height="26" border="0" alt="{L_REGISTER}" title="{L_REGISTER}" /></a></td>
<!-- END switch_user_logged_out -->
</tr>
<a name="top" id="top"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><table border="0" cellpadding="0" cellspacing="0">
<tr> 
<td><a href="{U_INDEX}"><img src="images/spacer.gif" width="0" height="26" border="0" alt="" /></a></td>
<td><img src="templates/fiapplegreen/images/{LANG}top_bar_clear.gif" width="80" height="26" border="0" alt="http://www.reptilseite.de/phpbb2/portal.phpL_PORTAL" title="Intro" /></td>
<td><a href="{U_CHAT}"><img src="templates/fiapplegreen/images/{LANG}top_bar_chat.gif" width="80" height="26" border="0" alt="{L_CHAT}" title="{L_CHAT}" /></a></td>
<td><a href="http://www.dght.de/amphrep/tiergesundheit/tieraerzte.htm"target="_blank"><img src="templates/fiapplegreen/images/{LANG}top_bar_tiere.gif" width="80" height="26" border="0" alt="http://www.dght.de/amphrep/tiergesundheit/tieraerzte.htm" title="Tierärzteliste DGHT" /></a></td>
<td><a href="http://www.reptilseite.de/phpBB2/haltung.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_haltung.gif" width="80" height="26" border="0" alt="http://www.reptilseite.de/phpBB2/haltung.php" title="Haltungsberichte" /></a></td>
<td><a href="http://www.reptilseite.de/phpBB2/gbook.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_gast.gif" width="80" height="26" border="0" alt="http://www.reptilseite.de/phpBB2/gbook.php" title="Gästebuch" /></a></td>
<td><a href="http://www.reptilseite.de/phpBB2/map.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_wohnen.gif" width="80" height="26" border="0" alt=http://www.reptilseite.de/phpBB2/gbook.php" title="Wer Wohnt Wo ?!" /></a></td>
</tr>
</table></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="ttb">
<tr> 
<td><img src="templates/fiapplegreen/images/tt12_l.gif" width="10" height="12" alt="" /></td>
<td class="tt12bkg"><img src="images/spacer.gif" width="200" height="12" alt="" /></td>
<td><img src="templates/fiapplegreen/images/tt12_r.gif" width="10" height="12" alt="" /></td>
</tr>
</table>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="10" border="0"> 
<tr> 
<td><table border="0" cellpadding="0" cellspacing="0" class="scrn">
<tr> 
<td><img src="templates/fiapplegreen/images/scrn_tl.gif" alt="" width="14" height="14" /></td>
<td width="100%" class="scrntbkg"><img src="images/spacer.gif" alt="" width="10" height="14" /></td>
<td><img src="templates/fiapplegreen/images/scrn_tr.gif" alt="" width="14" height="14" /></td>
</tr>
<tr> 
<td class="scrnlbkg"><img src="images/spacer.gif" alt="" width="14" height="60" /></td>
<td class="scrnm"><span class="maintitle">{SITENAME}</span><br />
{SITE_DESCRIPTION}</td>
<td class="scrnrbkg"><img src="images/spacer.gif" alt="" width="14" height="60" /></td>
</tr>
<tr> 
<td><img src="templates/fiapplegreen/images/scrn_bl.gif" alt="" width="14" height="14" /></td>
<td width="100%" class="scrnbbkg"><img src="images/spacer.gif" alt="" width="10" height="14" /></td>
<td><img src="templates/fiapplegreen/images/scrn_br.gif" alt="" width="14" height="14" /></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spacer.gif" width="200" height="8" alt="" /></td>
</tr>
</table></table></table></table></table></table></table>

Ich bedanke mich schon mal im Vorraus für Eure Hilfe

LG Stefan

BrahmA · Beitrag von **BrahmA** » 02.09.2003 11:15

schreib doch einfach mal hinter <body> ein <center> in die overall_header.tpl und on die Overall_footer.tpl ein </center> vor </body>

stefan23 · Beitrag von **stefan23** » 02.09.2003 11:27

Hallöchen,

das habe ich nun eingefügt, bloß wo gebe ich nun die feste breite ein ?

Ich habe alles mögliche schon im code verändert, aber trotz allem bleibt alles dynamisch .

LG Stefan

BrahmA · Beitrag von **BrahmA** » 02.09.2003 11:35

dann änder mal das:

Code: Alles auswählen

<table width="100%" border="0" cellspacing="0" cellpadding="0">

in der overall_header.tpl auf

Code: Alles auswählen

<table width="deine_grösse" border="0" cellspacing="0" cellpadding="0">

was du für deine größe einsetzt kannste am besten ausprobieren!

anwnn · Beitrag von **anwnn** » 03.01.2004 04:41

ähm... kann sein, daß sich keiner mehr dafür interessiert.

Wenn Du eine Tabelle um alles erstellst, kannst du den Inhalt zentrieren.
mit

Code: Alles auswählen

<table align="center" width="deine_weite"><tr valign="middle"><td align="center">

alles darin dann (width) kann ruhig mit 100% sein

stefan23 · Beitrag von **stefan23** » 03.01.2004 10:03

hallöchen,

danke das hat mir geholfen

MfG Stefan

oliver12345 · Beitrag von **oliver12345** » 12.02.2006 16:26

Hi Leute,

habe mein Forum heute auch zentriert. Manche User fanden es vorher jedoch besser. Gibt es eine Möglichkeit, dass die User im Profil angeben können, ob sie es zentriert haben wollen oder nicht?

Ich wäre für jede Hilfe dankbar!

MfG
Oliver

Beitrag von **jasc** » 12.02.2006 17:39

oliver12345 hat geschrieben:Gibt es eine Möglichkeit, dass die User im Profil angeben können, ob sie es zentriert haben wollen oder nicht?

Also wenn man jetzt nicht viel am Code rumspielen will, wäre meines Erachtens die einfachste Methode folgende:

Du nimmst dein Style und bindest es einmal zentriert und einmal nicht zentriert ins Forum ein. Dann kann jeder Nutzer im Profil sich den Style aussuchen, den er lieber will.
Hast dann halt bei Änderungen am Style immer den Nachteil, dass du es in beiden ändern musst, aber sollte ja mit Copy&Paste auch machbar sein

.

oliver12345 · Beitrag von **oliver12345** » 12.02.2006 17:45

@ jasc

Hmmm, naja. Keine unbedingt schlechte Idee, ist mir aber zu umständlich, wenn ich neue Mods einbauen will.

Ich hätt's lieber über eine extra Auswahl (mit Radiobuttons) im Profil. So in der Art:

Forum zentriert? o Ja o Nein