yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB 2.3.x » [WBB 2.3.x] Allg. Fragen und Probleme » Probleme mit Hintergrund

Probleme mit Hintergrund

Horny666
Hallo.

Ich habe mir, mit Hilfe eines Hintergrundbildes, einen Rahmen ums Forum gebaut. Allerdings habe ich jetzt das Problem, dass dieser sich auf Seiten, auf denen man nicht scrollen muss (PN-Box z.B.), auch bis zum Ende der Seite durchzieht (siehe Anhang).
Ich fänds jedoch schöner, wenn der mit dem Forum bündig abschliessen würde.
Jemand eine Idee, wie man das lösen könnte?

Gruß
hardcore-punk
wenn du das mit Hilfe eines Hintergrundbildes gemacht hast, könnts schwer werden...

..hmm..: Edit:
Versauch mal im Designpack bei der ersten Box mit weitere CSS Attribute das
code: 
1:
2:
3:

margin: 0 0 0 0;

reinzumachen... (ggf. anpassen)

dann geht das Forum, auch wenn du nicht scrollen mußt bis nach ganz unten...
DrPCox
code: 
1:

margin: 0 0 0 0;

etwas viel oder?

code: 
1:

margin:0;

reicht völlig.
Horny666
code: 
1:

margin:0;


reicht nicht. das war drin. damit hast zwar über dem forum keinen rand aber leider wird das net bis zum unteren ende gezogen. dafür schliesst der rand aber am unteren ende auch bündig ab Augenzwinkern

code: 
1:

margin: 0 0 0 0;


werd ich mal testen. ich hab die ränder auch als einzelne bilder, also rechts und links. allerdings weiß ich da nicht, wie bzw wo man die genau einbaut.

gruß
DrPCox
Zitat:
Original von Horny666
code: 
1:

margin:0;


reicht nicht. das war drin. damit hast zwar über dem forum keinen rand aber leider wird das net bis zum unteren ende gezogen. dafür schliesst der rand aber am unteren ende auch bündig ab Augenzwinkern

code: 
1:

margin: 0 0 0 0;


werd ich mal testen. ich hab die ränder auch als einzelne bilder, also rechts und links. allerdings weiß ich da nicht, wie bzw wo man die genau einbaut.

gruß

dann muss der fehler irgendwoe anders liegen! glaub es mir.
Horny666
ich sag ja nich, das ich dir nich glaub Augenzwinkern

aktuelle css:
code: 
1:
2:
3:
4:
5:

margin: 0;
background-image: url(images/backg.jpg);
background-position: center;
background-repeat: repeat-y;


an dem forum wurde sonst noch nichts geändert.
DrPCox
hast du für body und html mal ne height von 100% angegeben?
Horny666
sagst mir, wo das rein muss? Peinlich

ich hab ewig nichts mehr in dem bereich gemacht...
DrPCox
designback-bearbeiten -> unterste box (Zusätzlicher CSS Codesmile

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:

html {
margin:0;
padding:0;
border:0;
height:100%;
}

body {
margin:0;
padding:0;
border:0;
height:100%;
}

ist dann zwar nicht ganz sauber, aber könnte klappen
Horny666
werd ich nachher mal testen.
aber schon mal danke für deine hilfe!
Biggi
Zitat:
Original von Horny666
ich hab die ränder auch als einzelne bilder, also rechts und links. allerdings weiß ich da nicht, wie bzw wo man die genau einbaut.

gruß


Dazu mußt du die Templates header und footer bearbeiten.
Teile die Haupttabelle dazu einfach in drei Spalten, die im Template header geöffnet und im Template footer geschlossen werden.
Beispiel:

code: 
1:
2:
3:
4:
5:
6:
7:

<table>
 <tr>
  <td>linke Randgrafik</td>
  <td>das forum</td>
  <td>rechte Randgrafik</td>
 </tr>
</table>

Die erste Spalte gehört ins Template header, die mit dem Forum drin fängt im header an und endet im footer. Und die letzte kommt ans Ende ins Template footer.
Ganz normales XHTML-Tabellendesign.
Horny666
gedanklich kann ich dir folgen. allerdings hauts mit der umsetzung nicht hin. die linke grafik krieg ich plaziert. sie schliesst auch bündig mit dem footer ab obwohl ich die tabelle nirgends abgeschlossen habe. probleme macht mir die rechte grafik. egal wo ich die hinpack, sie erscheint überall nur nicht am rechten rand.

header:
code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:

<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
 <tr>



<table border="0" cellspacing="0" cellpadding="0"  align="center">
      <tr>
        <td style="background-image: url({$style['imagefolder']}/bg-l.jpg); width:87px; height:107px;">



  <td class="mainpage" align="center">
   <table style="width:100%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
     <td class="logobackground" align="center"><if($style['logoimage']!="")><then><a href="index.php{$SID_ARG_1ST}"><img src="{$style['logoimage']}" border="0" alt="$master_board_name" title="$master_board_name" /></a></then></if></td>
    </tr>
    <tr>
     <td align="center"><span class="smallfont"><br><if($wbbuserdata['userid'])><then><a href="usercp.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_usercp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_USERCP']}" title="{$lang->items['LANG_GLOBAL_USERCP']}" /></a>
     <a href="pms.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_pms.gif" border="0" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" /></a></then>
     <else><a href="register.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_register.gif" border="0" alt="{$lang->items['LANG_GLOBAL_REGISTER']}" title="{$lang->items['LANG_GLOBAL_REGISTER']}" /></a></else></if>
     <a href="calendar.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_calendar.gif" border="0" alt="{$lang->items['LANG_GLOBAL_CALENDAR']}" title="{$lang->items['LANG_GLOBAL_CALENDAR']}" /></a>
     <a href="memberslist.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_members.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" title="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" /></a>
     <a href="team.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_team.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" /></a>
     <a href="search.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_search.gif" border="0" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /></a>
     <a href="misc.php?action=faq{$SID_ARG_2ND}"><img src="{$style['imagefolder']}/top_faq.gif" border="0" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" /></a>
     <if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/top_acp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_ACP']}" title="{$lang->items['LANG_GLOBAL_ACP']}" /></a></then></if>
     <if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==0)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/top_modcp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MODCP']}" title="{$lang->items['LANG_GLOBAL_MODCP']}" /></a></then></if>
     <a href="http://against-all-authorities.de.tl/Database.htm"><img src="{$style['imagefolder']}/top_database.gif" border="0" alt="Datenbank" title="Datenbank" /></a>
     <a href="index.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_forum.gif" border="0" alt="Zum Forum" title="Zum Forum" /></a>
<a href="hmportal.php{$SID_ARG_1ST}"><img  src="{$style['imagefolder']}/top_portal.gif" border="0" alt="{$lang->items['LANG_GLOBAL_HMPORTAL']}" title="{$lang->items['LANG_GLOBAL_HMPORTAL']}" /></a>
</span></td>
    </tr> 
   </table><br /><table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
 <tr>

    <table border="0" cellspacing="0" cellpadding="0"  align="center">
      <tr>
        <td style="background-image: url({$style['imagefolder']}/bg-l.jpg); width:87px; height:107px;">

  <td class="mainpage" align="center">
   <table style="width:100%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
     <td class="logobackground" align="center"><if($style['logoimage']!="")><then><a href="index.php{$SID_ARG_1ST}"><img src="{$style['logoimage']}" border="0" alt="$master_board_name" title="$master_board_name" /></a></then></if></td>
    </tr>
    <tr>
     <td align="center"><span class="smallfont"><br><if($wbbuserdata['userid'])><then><a href="usercp.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_usercp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_USERCP']}" title="{$lang->items['LANG_GLOBAL_USERCP']}" /></a>
     <a href="pms.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_pms.gif" border="0" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" /></a></then>
     <else><a href="register.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_register.gif" border="0" alt="{$lang->items['LANG_GLOBAL_REGISTER']}" title="{$lang->items['LANG_GLOBAL_REGISTER']}" /></a></else></if>
     <a href="calendar.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_calendar.gif" border="0" alt="{$lang->items['LANG_GLOBAL_CALENDAR']}" title="{$lang->items['LANG_GLOBAL_CALENDAR']}" /></a>
     <a href="memberslist.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_members.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" title="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" /></a>
     <a href="team.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_team.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" /></a>
     <a href="search.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_search.gif" border="0" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /></a>
     <a href="misc.php?action=faq{$SID_ARG_2ND}"><img src="{$style['imagefolder']}/top_faq.gif" border="0" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" /></a>
     <if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/top_acp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_ACP']}" title="{$lang->items['LANG_GLOBAL_ACP']}" /></a></then></if>
     <if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==0)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/top_modcp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MODCP']}" title="{$lang->items['LANG_GLOBAL_MODCP']}" /></a></then></if>
     <a href="index.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_forum.gif" border="0" alt="Zum Forum" title="Zum Forum" /></a>
<a href="hmportal.php{$SID_ARG_1ST}"><img  src="{$style['imagefolder']}/top_portal.gif" border="0" alt="{$lang->items['LANG_GLOBAL_HMPORTAL']}" title="{$lang->items['LANG_GLOBAL_HMPORTAL']}" /></a>
</span></td>
    </tr> 
   </table><br />


footer:
code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:

<br />

<if($imprint_url != '')>
	<then>
		<p align="center" class="normalfont"><a href="{$imprint_url}">{$lang->items['LANG_GLOBAL_IMPRINT']}</a></p>
	</then>
	<else>
		<if($imprint_text != '')>
			<then>
				<p align="center" class="normalfont"><a href="misc.php?action=imprint{$SID_ARG_2ND}">{$lang->items['LANG_GLOBAL_IMPRINT']}</a></p>
			</then>
		</if>
	</else>
</if>

<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" class="tableinborder" align="center">
 <tr>
  <td class="tablea"><span class="smallfont"><a href="http://www.woltlab.de" target="_blank" style="text-decoration: none">{$lang->items['LANG_GLOBAL_COPYRIGHT']}</a></span></td>
 </tr>
</table><br />
</td>
</tr>
</table>


gruß
mkkcs
warum machst Du es nicht wie Biggi es geschrieben hast ?

header-Template
code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:

    <table border="0" cellspacing="0" cellpadding="0"  align="center">
      <tr>
        <td style="background-image: url({$style['imagefolder']}/bg-l.jpg); width:87px; height:100%;"></td>

  <td class="mainpage" align="center">
   <table style="width:100%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
     <td class="logobackground" align="center"><if($style['logoimage']!="")><then><a href="index.php{$SID_ARG_1ST}"><img src="{$style['logoimage']}" border="0" alt="$master_board_name" title="$master_board_name" /></a></then></if></td>
    </tr>
    <tr>
     <td align="center"><span class="smallfont"><br><if($wbbuserdata['userid'])><then><a href="usercp.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_usercp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_USERCP']}" title="{$lang->items['LANG_GLOBAL_USERCP']}" /></a>
     <a href="pms.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_pms.gif" border="0" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" /></a></then>
     <else><a href="register.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_register.gif" border="0" alt="{$lang->items['LANG_GLOBAL_REGISTER']}" title="{$lang->items['LANG_GLOBAL_REGISTER']}" /></a></else></if>
     <a href="calendar.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_calendar.gif" border="0" alt="{$lang->items['LANG_GLOBAL_CALENDAR']}" title="{$lang->items['LANG_GLOBAL_CALENDAR']}" /></a>
     <a href="memberslist.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_members.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" title="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" /></a>
     <a href="team.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_team.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" /></a>
     <a href="search.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_search.gif" border="0" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /></a>
     <a href="misc.php?action=faq{$SID_ARG_2ND}"><img src="{$style['imagefolder']}/top_faq.gif" border="0" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" /></a>
     <if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/top_acp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_ACP']}" title="{$lang->items['LANG_GLOBAL_ACP']}" /></a></then></if>
     <if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==0)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/top_modcp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MODCP']}" title="{$lang->items['LANG_GLOBAL_MODCP']}" /></a></then></if>
     <a href="index.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_forum.gif" border="0" alt="Zum Forum" title="Zum Forum" /></a>
<a href="hmportal.php{$SID_ARG_1ST}"><img  src="{$style['imagefolder']}/top_portal.gif" border="0" alt="{$lang->items['LANG_GLOBAL_HMPORTAL']}" title="{$lang->items['LANG_GLOBAL_HMPORTAL']}" /></a>
</span></td>
    </tr> 
   </table><br />


footer-Template
code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:

<br />

<if($imprint_url != '')>
	<then>
		<p align="center" class="normalfont"><a href="{$imprint_url}">{$lang->items['LANG_GLOBAL_IMPRINT']}</a></p>
	</then>
	<else>
		<if($imprint_text != '')>
			<then>
				<p align="center" class="normalfont"><a href="misc.php?action=imprint{$SID_ARG_2ND}">{$lang->items['LANG_GLOBAL_IMPRINT']}</a></p>
			</then>
		</if>
	</else>
</if>

<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" class="tableinborder" align="center">
 <tr>
  <td class="tablea"><span class="smallfont"><a href="http://www.woltlab.de" target="_blank" style="text-decoration: none">{$lang->items['LANG_GLOBAL_COPYRIGHT']}</a></span></td>
 </tr>
</table><br />
</td>
<td style="background-image: url({$style['imagefolder']}/bg-r.jpg); width:87px; height:100%;"></td>
</tr>
</table>


es ist doch wirklich nicht sooooo schwer !
Aber es findet sich ja immer ein Blöder der die Lösung postet, nicht wahr ?
DrPCox
Zitat:
Aber es findet sich ja immer ein Blöder der die Lösung postet, nicht wahr ?

vielleicht haben manche leute einfach wirklich schwierigkeiten damit. ich glaub, es hackt...
Horny666
Zitat:
warum machst Du es nicht wie Biggi es geschrieben hast ?

Sorry Meister... /bow... genau das hab ich versucht.
Mit der linken hatte ich auch keine Schwierigkeiten.
Aber da du dich erbarmt hast, die Lösung zu posten, seh ich jetzt wenigstens, was ich falsch gemacht hab.
Ich hatte weiter oben schon geschrieben, dass ich ewig nichts mehr in dem Bereich gemacht hab und musste feststellen, dass man doch sehr viel vergisst / verlernt.
Wenn man hier nicht mehr Fragen oder um Hilfe bitten darf, sollte man das vielleicht in die Regeln aufnehmen. Aber wenn ich mich nicht ganz täusche, ist das Forum genau dafür da...

Danke.

Gruß
Biggi
Zitat:
Original von Horny666
Wenn man hier nicht mehr Fragen oder um Hilfe bitten darf, sollte man das vielleicht in die Regeln aufnehmen. Aber wenn ich mich nicht ganz täusche, ist das Forum genau dafür da...


Keine Sorge, du darfst Fragen.
Eigeninnitiative wird natürlich immer gern gesehen, aber das hast du ja auch gemacht.
Du hast es versucht, es selbst umzusetzen. Und natürlich darf bei einem Fehlschlag oder noch nicht ganz verstandener Erklärung immer gerne nochmal nachgefragt werden. Freude

Da gibt es Andere, die den Spruch von mkkcs viel eher verdient haben.
Forensoftware: Burning Board, entwickelt von WoltLab GmbH