Header & Forum breite in gleicher Größe

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
jso
Mitglied
Beiträge: 7
Registriert: 14.02.2011 18:10

Header & Forum breite in gleicher Größe

Beitrag von jso »

Guten Abend :wink:

Sitze jetzt seit zwei Std. vor meinen PC und habe das halbe Forum schon durch. Viele Codes ein und ausgebaut. Habe es geschaft, das Forum von Linksbündig auf zentiert zu bekommen, aber nun hänge ich beim Header :roll:

Bekomme es nicht hin, dass der Header die gleiche breite hat wie der Rest des Forums.

Was mache ich da falsch ? Die Codes die ich hier gefunden habe, klappen einfach nicht ?

Kann mir da jemand helfen ? Danke !!

Link zu meinem Forum ---> http://www.bsb-siberia.de/
Nach oben
Birne94
Mitglied
Beiträge: 129
Registriert: 22.02.2009 18:57
Kontaktdaten:
Kontaktdaten von Birne94

Re: Header & Forum breite in gleicher Größe

Beitrag von Birne94 »

overall_header.html
  • Suche nach

    Code: Alles auswählen

        <div id="wrap">

       <a id="top" name="top" accesskey="t"></a>
       <div id="page-header">
  • Ersetze durch:

    Code: Alles auswählen

        <div id="wrap" style="width:100%;padding:0px;">

       <a id="top" name="top" accesskey="t"></a>
       <div id="page-header">
In der Form klappt es bei mir (Firebug).
Nach oben
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Header & Forum breite in gleicher Größe

Beitrag von Talk19zehn »

Hello,

Auszug: Derzeitiger Quelltext

Code: Alles auswählen

....(...)...

</head>

<body id="phpbb" class="section-index ltr">
    <table align="" width=""><tr><td>
    <div class="round"><a name="top"></a>
    <div id="wrap">
       <a name="top"></a>
    <div id="wrap">
       <a id="top" name="top" accesskey="t"></a>
       <div id="page-header">
          <div class="headerbar">
             <div class="inner"><span class="corners-top"><span></span></span>

             <div id="site-description">
                <a href="./index.php?sid=f1859533cf5e1bf06c8a7d91c2323fc9" title="Foren-Übersicht" id="logo"><img src="http://img291.imageshack.us/img291/8868/siberiabanner1.gif" width="auto" height="auto" alt="" /></a>
                
 <span class="corners-bottom"><span></span></span></div>
          </div>


         <div id="site-description">
            <h1></h1>
            <p></p>
            <p style="display: none;"><a href="#start_here">Zum Inhalt</a></p>
         </div>

         <div id="site-description">
            <p></p>
            <p style="display: none;"><a href="#start_here">Zum Inhalt</a></p>
         </div>

		

			<span class="corners-bottom"><span></span></span></div>
		</div>

und so weiter........
Die Tabelle, auch das Tabellenende, und den doppelten Eintrag

Code: Alles auswählen

<div id="site-description">...(...)...
würde ich zunächst entfernen.

Mir scheint zudem, dass ein DIV nicht geschlossen ist..... ?

Code: Alles auswählen

<div class="round"><a name="top"></a>


Alles, was du nach ( vgl. Standard-Prosilver )

Code: Alles auswählen


<body id="phpbb" class="section-index ltr">
<div id="wrap">
eingibst, hat die Breite des Forums (vgl. CSS Theme--> #Wrap).

Inhalte, die du vor

Code: Alles auswählen

<div id="wrap">
also zwischen

Code: Alles auswählen

<body id="phpbb" class="section-index ltr">
und

Code: Alles auswählen

<div id="wrap">
einfügst, haben entsprechend der CSS-Notation 100% bezogen auf den Hintergrund.


Viele Grüße
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Nach oben
jso
Mitglied
Beiträge: 7
Registriert: 14.02.2011 18:10

Re: Header & Forum breite in gleicher Größe

Beitrag von jso »

@Talk19zehn: Danke. Sieht schon ein wenig besser aus als vorher also zumindest der header. Jetzt ist das Forum wieder breiter.
Nach oben
jso
Mitglied
Beiträge: 7
Registriert: 14.02.2011 18:10

Re: Header & Forum breite in gleicher Größe

Beitrag von jso »

habe jetzt zwei mal </div> rausgenommen und dann ist die breite wieder so, wie ich sie haben möchte.
Nach oben
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Header & Forum breite in gleicher Größe

Beitrag von Talk19zehn »

Hello, es mag zutreffend sein, dass durch das Löschen eines schließenden Divs = < / Div > die Darstellung rein zufällig und rein theoretisch in Ordnung erscheint. Ich würde jedoch besser noch einmal validieren.
http://validator.w3.org/check

Bzw. *mit Notepadd++ die Seiteninhalte untersuchen.

Die Tabelle, die ich deinen QT entnehme, macht in der Form ggf. keinen tatsächlichen Sinn. Ich kann ihren Zweck nicht wirklich erkennen. Ich würde sie gänzlich löschen, um auch zukünftig Fehler zu vermeiden, da sich Prosilver auf CSS aufbaut.

Tabellenanfang lt. QT: overall_header.html

Code: Alles auswählen

<table align="" width=""><tr><td>
Tabellenende lt. QT: overall_footer.html

Code: Alles auswählen

    </td></tr></table>
Anfang und Ende der Tabelle bitte nochmals überprüfen, da ich ggf. nicht alle Tabellen dem QT entnehmen könnte und evtl. einem Irrtum unterliege.

Lt. QT ( overall_header.html ) sind jene Einträge doppelt ?

Code: Alles auswählen

div id="site-description">
            <h1></h1>
            <p></p>
            <p style="display: none;"><a href="#start_here">Zum Inhalt</a></p>
         </div>

**

Code: Alles auswählen

<div id="wrap">
       <a name="top"></a>
**Hier müsstest du *schauen, wo er geschlossen ist und das Ende dann ebenso herauslöschen.

Vorab erlaube mir eine Zusatzfrage:
Theme: Welche Breite hast du wo eingestellt? Ich muss ca. 1/3 nach rechts und wegen der Bannergröße ca. 1/3 nach unten scrollen.

Beste Grüße


.
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Nach oben
jso
Mitglied
Beiträge: 7
Registriert: 14.02.2011 18:10

Re: Header & Forum breite in gleicher Größe

Beitrag von jso »

Hallo,

danke schonmal für die Hilfe, werde mich gleich nochmal ransetzten.

Was mir schon aufgefallen ist, saß vorn am PC meiner Eltern, die haben XP und dachte OOps, wie sieht das den aus ? Mein Mac stellt das Forum ganz anderes da, als der XP meiner Eltern, da sieht das Forum total verzogen aus, wie du in deine, Betrag geschrieben hast und bei mir sieht es so aus:


[ externes Bild ]

habe jetzt eine Freundin gefragt, die auch Windows hat, mir hilft, wenn ich fertig bin mit dem Umbau, dass sie schaut wie es bei ihr aussieht, da bei mir am PC es ja total anderes aussieht,
Nach oben
jso
Mitglied
Beiträge: 7
Registriert: 14.02.2011 18:10

Re: Header & Forum breite in gleicher Größe

Beitrag von jso »

So habe, jetzt alles rausgelöscht, was dopplet warum oder nicht zu gebrauchen.

Der Header ist so eingebaut unter

Code: Alles auswählen

<div id="wrap">
       <a id="top" name="top" accesskey="t"></a>
       <div id="page-header">
          <div class="headerbar">
             <div class="inner"><span class="corners-top"></span>

                <a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="http://img291.imageshack.us/img291/8868/siberiabanner1.gif" width="auto" height="auto" alt="" /></a>
oder die Forumbreite:

Code: Alles auswählen

 /* Main blocks
    ---------------------------------------- */
    #wrap {
padding: 10px 60px;
min-width: auto;
}
Wollte gerne, dass es aussieht, wie das phpBB Forum. Forum zentiert, an beiden seiten ein wenig platz. Bei meinen schlägt es ja bei beiden Seiten kann und der Header hat ja nochmal seinen eigene Form, also bei meinen MACBook, bei Windows sieht es bestimmt schon wieder anderes aus.

Weiss auch nicht warum dass alles anderes aussieht. Habe heute morgen einen richtigen schreck bekommen, als ich am PC meiner Eltern saß.
Nach oben
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Header & Forum breite in gleicher Größe 20px

Beitrag von Talk19zehn »

Hello,

Forenbreite: common.css

Das ist der Prosilver-Standard:

Code: Alles auswählen

/* Main blocks
    ---------------------------------------- */
    #wrap {
    padding: 0px 20px;
    min-width: 650px;
    }
Padding steht für den Innenabstand oben und unten --> zwei Angaben.

Möchtest du inhaltlich ein wenig Platz zum Bildschirmrand schaffen, kannst du einige wenige Pixel einbauen:

Code: Alles auswählen

/* Main blocks
    ---------------------------------------- */
    #wrap {
    padding: 2px 12px  12px  12px;
    min-width: 650px;
    }

Das bedeutet: Oben 2px, rechts 12px, unten 12px, links 12px.

Für das Banner findest du bestimmt eine passende Lösung hier in der Forensuche. OK, :wink: sodann viel Glück für den Verlauf deiner Gestaltung!
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Nach oben
jso
Mitglied
Beiträge: 7
Registriert: 14.02.2011 18:10

Re: Header & Forum breite in gleicher Größe

Beitrag von jso »

Danke :D :D :D :D

Habe es genau in der Größe wo ich es haben möchte, nur nicht zentiert, sonder alles auf der linken Seite
Nach oben
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“