Logo und Kategorienheader auf gesamte Breite des Boards

Hallo
Ich probiere schon ewig daran herum und habe folgendes Problem: In meinem Testforum verusche ich das Logo und den Kategorienheader auf die gesamte Breite des Forums zu machen, das heißt ich möchte an den Seiten nicht mehr den grauen Hintergrund der Tabelle haben. Ich hab die Suchfunktion verwendet und es bereits über die reguläre Einstellung (Forumbreite eingeben: 800px) und mit diesem CSS-Code probiert.

Code:

.bodylinewidth {
width:800px;
}
#i_logo{
  width:800px;
}

Ich hoffe, ihr könnt mir helfen.

Hallo Candice,

bitte füge in dein CSS-Stylesheet folgenden Code ein:

Code:

.bodyline {
    background-image:url(BILDADRESSE);
    background-repeat:no-repeat;
    padding:0;
}

Statt Bildadresse fügst du die Url zu deinem Logo ein.
Funktioniert es damit?

Liebe Grüße
Günther

Das hat leider auch nichts verändert. Danke für den Versuch.
Liebe Grüße <3
EDIT: Beziehungsweise, war das Banner danach doppelt da. Aber vlt bin ich zu doof.

In meinem BB2-Testforum funktioniert es einwandfrei.
Hast du die Rahmenbreite identisch mit der Logobreite, also auf 800px?

Ja, hab ich und jetzt hab ich es noch ein zweites Mal probiert und es mal so gelassen, es sieht echt merkwürdig aus. Ich danke dir für deine Mühe und entschuldige mich, dass ich so doof mich anstelle.

Du musst den Banner durch eine leere Grafik ersetzen, die ungefähr die Größe deines vorherigen Banners hat. Dann wird die Grafik auch nicht mehr doppelt angezeigt. Aber ich denke, dass lässt sich wegen der verschobenen Navigation in deinem Forum mit dem Code von Günther nicht machen, weil die Navigation sonst auf dem Banner wäre. ^^

Eventuell könnte es so gehen:

Code:

.bodyline {
    background-image:url(BILDADRESSE);
    background-repeat:no-repeat;
    padding-top:80px;
}

Ich habe vergessen, die veränderte Position der Navigation zu berücksichtigen, sorry!
Danke für die Korrektur, Julian.

Also ich hab den Banner jetzt durch eine Leere Grafik der Größe ersetzt und deinen Code-versucht aber nun ist die Navigation quasi mitten im Banner und da unter ist ne riesige Lücke und nen Rand ist immer noch da.

Ich muss mich nochmal korrigieren, sorry. ^^"

Code:

.bodyline {
    background-image:url(BILDADRESSE);
    background-position: center top 80px;
    background-repeat:no-repeat;
}

Mit dem Code sollte die Grafik eigentlich deckungsgleich mit dem Banner sein. Mit padding-top verschiebt sich da dann doch etwas mehr als gedacht. Tut mir leid.

Du müsstest halt letztlich nur die eigentliche Bannergrafik, die du nun als Hintergrund setzt, vergrößern. Dann sollte da eigentlich so kein Abstand zu den Seiten mehr sein.

Leider ist die Navigation immer noch im Banner und das merkwürdige ist, dass auf der Seite der Mitgliederliste zb. das Banner jetzt wirklich randlos mit dem Rahmen abschließt, nur auf dem Index nicht. Wo liegt da der Fehler?
Und das mit den Korrekturen ist echt kein Problem, es tut mir schon furchtbar leid, dass ich mich erstens dumm anstelle und zweitens schon zwei Leute hieran herum basteln.

Hallo

also ich würde es ganz anders machen und vor allem viel einfacher.
Du setzt das Logo wieder so ein wie es vorher war (über die Bildverwaltung)
und dann gibst du folgenden Code ins CSS:

Code:

.bodyline {   
    padding: 0;
}

Dann sollte das funktionieren.

Jetzt ist zwar das Logo unter der Navi-Leiste, aber der Rand rechts und Links ist trotzdem da.
Ebenfalls danke für die einfache Erklärung und den Versuch.

seltsam...in meinem Testforum klappt das einwandfrei?
Siehe hier, dort ist kein Rand mehr zu sehen:


Da ich aber leider wieder weg muss, geb ich hier wieder für die anderen frei.
Ich hoffe, dass ihr des Rätsels Lösung findet

Zuckerpuppe schrieb:Da ich aber leider wieder weg muss, geb ich hier wieder für die anderen frei.

Eigentlich wollte ich mich bei dir per PN melden, aber dann nutze ich mal diese Gelegenheit, hier wieder posten zu dürfen.

Mit einem transparenten Logo in geeigneter Größe und diesem CSS-Code sollte es einwandfrei funktionieren:

Code:

    .bodyline {
        background-image:url(BILDURL);
        background-position:0px 50px;
        background-repeat:no-repeat;
    }
    .bodyline {
        padding: 0;
    }

Durch die Kombination beider Befehle wird einerseits das Hintergrundbild weiter unten angezeigt, sodass es die Navigation nicht überdeckt (50px müsste man natürlich variieren) und andererseits wird auch kein Rahmenabstand bei den Kategorien eingefügt.
Das ist meines Erachtens die optimale Lösung.

Richtig merkwürdig. Warum geht das bei euch, aber bei mir nicht?
Ich danke euch beiden herzlichst für eure Hilfe, auch wenn es immer noch nicht randlos ist.

Mittlerweile hast du schon wieder etwas am Forum geändert. Aber da die Navigation nun am Standardplatz ist, sollte es einfacher sein. Versuche bitte einmal diesen Ablauf:
1. Füge über die Bilderverwaltung ganz normal ein Logo ein, das exakt dieselbe Breite wie das Forum hat.
2. Position des Logos auf zentriert, weil dadurch ein kleiner Abstand am rechten Rand verschwindet.
3. Diesen CSS-Code einfügen:

Code:

.bodyline { 
    padding: 0;
}

Wenn du ansonsten keine Änderungen am Forum durchführst (also die Navileiste unter dem Logo belässt wie jetzt gerade), dann sollte das klappen.

Ich hab jetzt alle anderen Templates zurückgesetzt, damit sie nichts beeinflussen, nur den Code eingesetzt, der den Kategoreinheader die Breite ausfüllen lässt und es dann mit deiner zuletzt genannten Variante probiert. Irgendwas mach ich da noch falsch. Ich probiere es später nochmals in Ruhe und gebe euch dann ne Rückmeldung ob ich es geschafft habe.

Kleiner Tip noch:

Du hast auch noch einen Rahmen von 1px eingestellt, den solltest du auch noch wegmachen:

Code:

.bodyline {
    border: medium none;
    padding: 0;
}

So, ziehe mich auch wieder aus dem Thread zurück

Wenn ich jetzt dein Testforum aufrufe, wird es genau wie gewünscht angezeigt. Also ist dieses Thema jetzt erledigt, oder?

Nochmals vielen Dank <3 Wenn wieder Probleme auftreten, weiß ich ja, wo ich spitzenmäßige Hilfe bekomme.