[phpBB2]Hintergrundbild Header + Footer + Rahmeninnenraum an bestimmter Position

Hallo, ich habe nochmal eine Kleine Frage
Mit Hilfe von Günther ( https://hilfe.forumieren.com/t35186-phpbb2header-und-footer-in-rahmeninnenraum-verankern ) und ein Paar kleinen Änderungen habe ich jetzt folgenden Code im CSS-Stylessheet stehen:

Code:

.bodyline {  background-image: url("http://www.abload.de/img/headerexl9u.png"), url("http://www.abload.de/img/footer8yji1.png"), url('http://www.abload.de/img/hintergrund-forenrahm3ayru.png');
  background-position: 50% 0px, 50% 100%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat-y;
  padding-bottom: 220px;
  padding-top: 250px;
  min-height: 10px;
  border: none;
  padding: 220px 40px 200px 40px;
  margin-top : 0px !important;
  margin-bottom : 0px !important;
}

Das Bild vom dritten Link (allgemeiner Hintergrund für den Rahmeninnenraum) hätte ich nun gerne so gesetzt, dass es erst unter dem Header anfängt und über dem Footer endet (wegen dem Rahmen, der im Bild integriert ist. Ich habe dafür mal Bilder gemacht:

http://www.abload.de/img/headerobengykp7.png
http://www.abload.de/img/postfach91k2o.png

Und durch dem oben genannten Code ist aus einem mir unerklärlichen Grund, das Postfach nun total entstellt... es sieht jetzt so aus:
http://www.abload.de/img/footerunten3njz0.png

Mag mir zufällig noch eine liebe Person helfen?
Ich bastel an dem Problem jetzt seid 2 Tagen und komme nicht weiter.
Alles Andere was ich mir vorgestellt habe für mein Forendesign, habe ich jetzt Gott sei Dank umgesetzt bekommen, ich befinde mich in der Endphase

Liebe Grüße:
Snow

Hallo,

dann melde ich mich nochmal dazu.

Zuerst beheben wir das Problem im Posteingang. Bitte füge in dein CSS-Stylesheet unter
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"
folgenden Code ein:

Code:

td[align="right"] .bodyline {
  background-image: none;
  padding: 0;
}

In den Templates wird die Class "bodyline" offenbar auch der Statusbox im Posteingang zugewiesen, was nicht gerade super ist...
Diese Class sollte normalerweise ausschließlich dem Seitenhintergrund zugewiesen werden.

Ist es so besser?

Liebe Grüße
Günther

Oh ja, vielen Dank.
Der Code bewirkt Wunder
Jetzt sieht im Postfach wieder alles ganz normal aus =)

Das mit dem Templates kann sein... ich hatte vorher ein vorgefertigtes Design heruntergeladen gehabt und von dort aus dann jetzt alles geändert...

Bitteschön.

Nein, im Template hast du selbst nichts falsch gemacht. Dass diese Tabelle die Klasse "bodyline" erhält, ist unter BB2 Standard. Aber dabei muss es sich um einen kleinen Fehler handeln, denn ich kann mir nicht vorstellen, dass innerhalb der Seitenstruktur dieselbe Class, die für den Rahmeninnenraum verwendet wird, auch nochmals einer kleinen Tabelle im Posteingang zugewiesen wird. Normalerweise sollte dort z.B. die Class "forumline" verwendet werden.
Das hat also nichts mit dir zu tun, ist mir aber als kleiner Fehler aufgefallen.

Zu deinem Anliegen, dass das Hintergrundbild mit Rahmen beim Header/Footer nicht mehr angezeigt werden soll:
Ich habe dir einen entsprechenden CSS-Code zusammengestellt. Den bereits vorhandenen für "bodyline" ersetzt du dadurch:

Code:

.bodyline {
  background-image: url("http://www.abload.de/img/headerexl9u.png"), url("http://www.abload.de/img/footer8yji1.png");
  background-position: 50% 0px, 50% 100%;
  background-repeat: no-repeat, no-repeat;
  border: none;
  padding: 220px 0 200px;
}
#page-body {
  background-image: url("http://www.abload.de/img/hintergrund-forenrahm3ayru.png");
  background-repeat: repeat-y;
  padding: 0 40px;
}

Wie du ev. siehst, habe ich dir ein paar Eigenschaften/Werte entfernt. Die "min-height" war in diesem Fall genauso zwecklos wie "margin-top/bottom: 0 !important", weil eine Mindesthöhe dort nicht nötig ist und bodyline außerdem ohnehin keinen margin-Wert besitzt.
Du kannst den Code also genauso übernehmen und musst daran nichts mehr verändern.

Gefällt es dir so?

Danke danke danke
Jetzt ist wirklich alles perfekt!
Vielen lieben Dank =)

Freut mich, gern geschehen.

Der Code nochmal kommentiert für andere User:

Code:

/* Hintergrundbild Header & Footer */
.bodyline {
  background-image: url("BILDURL HEADERGRAFIK"), url("BILDURL FOOTERGRAFIK");
  background-position: 50% 0px, 50% 100%;
  background-repeat: no-repeat, no-repeat;
  padding: HÖHE_HEADERGRAFIK 0 HÖHE_FOOTERGRAFIK;
}
/* Hintergrundbild Rahmeninnenraum zwischen Header & Footer */
#page-body {
  background-image: url("BILDURL RAHMENINNENRAUM");
  background-repeat: repeat-y;
  padding: 0 40px; /* Innenabstand der Elemente vom Rahmen (Kategorien, Chatbox...) */
}
/* Fix für Posteingang */
td[align="right"] .bodyline {
  background-image: none;
  padding: 0;
}

-closed-