Hintergrund dreigeteilt

[tazzi]

ergibt immernoch kein sichtbares ergebnis...
immernoch einteilig

http://ofdff.tazzi.org/

hier nochmal die aktuelle css

http://www.phpbb.de/support/pastebin.ph ... view&s=377


sowie die footer und die header

http://www.phpbb.de/support/pastebin.ph ... view&s=378
http://www.phpbb.de/support/pastebin.ph ... view&s=379




edit: seh grad, die bilder kleben nun am fußende..da sollen sie natürlich nicht sein

[tazzi]

push..

[tazzi]

help bitte bitte

[tazzi]

weiß da keiner rat??

[JFooty]

Hallo tazzi!

<div class="backgroundleft"></div>
<div class="content"><!-- dein ganzes phpBB-zeugs --></div>
<div class="backgroundright"></div>[/code]

und in einer .css lägst du dann für backgroundleft den linken Hintergrund fest (mit fixed), für backgroundright den rechten Hintergrund (mit fixed) und für content lägst du dein body-Hintergrund fest (mit repeat)

Bei dir stimmt die Struktur schon einmal nicht, denn bei dir sieht das in etwa so aus:

Code: Alles auswählen

<div class="backgroundleft"></div>
<div class="content"><!-- dein ganzes phpBB-zeugs --><div class="backgroundright"></div></div>

Finde zunächst mal in der overall_footer.html diese Stelle:

Code: Alles auswählen

</div><div id="backgroundright"></div>

    </div>

	</td>
</tr>
</table>

und ändere das so:

Code: Alles auswählen

</div>

    </div>
<div id="backgroundright"></div>
	</td>
</tr>
</table>

Alles weitere, wie z.B. Positionierung, Höhe oder Breite musst du dann in der css-Datei festlegen.
Wir kriegen das schon hin.

Mal so nebenbei:
Arbeitest du mit dem Editor im ACP oder bearbeitest du die Dateien direkt (also runterladen, Datei bearbeiten, Datei hochladen, Template bzw. Theme aktualisieren)?

[tazzi]

danke schön. werds gleich versuchen.
ich bearbeite die dateien zur zeit übers acp


edit. so den overall footer hab ich wie beschrieben geändert. caches geleert. nix anders

[JFooty]

nix anders

Wir sind ja auch noch nicht fertig damit.

ich bearbeite die dateien zur zeit übers acp

Ich halte den anderen Weg für günstiger, weil man da normalerweise weniger unliebsame Überraschungen erlebt.
Weiter geht's:
Dieser Abschnitt deiner stylesheet.css wird nicht so richtig verarbeitet:

Code: Alles auswählen

// drei geteilter Hintergrund

div#background3left {
background-image: url(./images/backgroundL.jpg);
background-color:darkblue;
width:366px;
height:1200px;
background-attachment: fixed;
}
div#backgroundright {
background-image: url(./images/backgroundR.jpg);
background-color:darkblue;
width:366px;
height:1200px;
background-attachment: fixed;
}

Zumindest der erste Teil davon.
Ersetze diesen Abschnitt mal damit:

Code: Alles auswählen

/* drei geteilter Hintergrund */

div#background3left {
background: darkblue url(./images/backgroundR.jpg) no-repeat fixed 0 0;
float:left;
width:366px;
height:1200px;
}

div.background3content {
float:left
}

div#backgroundright {
background: darkblue url(./images/backgroundR.jpg) no-repeat fixed 0 0;
float:right;
width:366px;
height:1200px;
}

Für div.background3content solltest du außerdem noch mit width eine Breite festlegen.

Offtopic:
Gehe ich richtig in der Annahme, dass du einen ziemlich großflächigen Bildschirm mit hoher Auflösung nutzt?
Bei dem, was du da umsetzen willst, bleibt bei einer durchaus gängigen Auflösung von 1024x768 für das eigentliche Forum nicht sehr viel Platz übrig.

[tazzi]

so, habs entsprechend geändert, nun kleben die bilder schonmal nicht mehr am fußende sondern direkt unter dem header bereich.

ich hab ne auflösung von 1280x800.
die bilder muß ich aber so nehmen da die band, für die ich das mache, gern hätte, daß das forum einen wiedererkennungswert zum myspace account hat, und da ist es eben auch so. und dort ist eben auch in der mitte alles geschriebene und rechts und links eben diese beiden bandbilder.
hier

und ich bearbeite nun direkt die dateien

edit: bei

Code: Alles auswählen

div.background3content {
float:left
width:366px;
}

habe ich außerdem noch ein ; ergänzt hinter float

[JFooty]

Dir fehlt jetzt das hier noch in der stylesheet.css:

Code: Alles auswählen

div#backgroundright {
background: darkblue url(./images/backgroundR.jpg) no-repeat fixed 0 0;
float:right;
width:366px;
height:1200px;
}

Für den linken und den rechten div-Container würde ich die Breite auf jeden Fall verringern.
Probiere statt 366px mal 120px (oder einen anderen Wert, auf jeden Fall weniger als 366px).
Für das Forum würden dann zumindest so um die 700px übrig bleiben.

Wenn wir das so machen, dann musst du das hier aus der overall_footer.html herausnehmen:

Code: Alles auswählen

<div id="backgroundright"></div>

und in die overall_header.html hier einfügen:

Code: Alles auswählen

<div id="background3left"></div><div class="background3content">

Das sieht dann hinterher so aus:

Code: Alles auswählen

<div id="background3left"></div>
<div id="backgroundright"></div>
<div class="background3content">

D. h. zuerst werden die beiden div-Container links und rechts postiert und der div-Container mit dem Forum schiebt sich dann dazwischen.

PS: Auf der anderen Seite haben die das ganz anders gelöst. Dort wird nämlich nur ein Hintergrundbild für den body-Bereich verwendet. Die Breite des eigentlichen Inhalts wurde dann einfach so gewählt, dass dieser Dreiteilungseffekt entsteht.

[tazzi]

also in der footer hab ichs rausgenommen.
die header sieht nun im entsprechenden abschnitt so aus

Code: Alles auswählen

		<a href="{U_FAQ}">{L_FAQ}</a>
		<!-- IF S_DISPLAY_SEARCH --> &#8226; <a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_MEMBERLIST --> &#8226; <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF not S_IS_BOT --> &#8226; <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- ENDIF -->
	</div>
<div id="background3left"></div>
<div id="backgroundright"></div>
<div class="background3content">
	<div id="contentrow">


<!-- IF not S_IS_BOT && not $CA_SKIP_PM_NOTIFY && S_USER_LOGGED_IN && S_DISPLAY_PM -->
	<!-- IF S_USER_NEW_PRIVMSG -->
		<div class="pm-notify-new"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
	<!-- ELSEIF S_USER_UNREAD_PRIVMSG -->

achso: jetzt hab ich bei den hintergründen noch nen "außenrahmen" der dunkelblau ist. ich hätte es lieber, wenn der hintergrund komplett mit anschlag links und rechts ist.

ps. ja ich weiß, daß ist ein komplettbild, das ist ja auch mein problem, ich möchte in der mitte keine feste breite, denn je nach auflösung soll sich das forum ja anpassen.
warum einfach, wenns auch kompliziert geht *g*