phpBB.de • Header & Forum breite in gleicher Größe

Seite 1 von 2

Header & Forum breite in gleicher Größe

Verfasst: 14.02.2011 18:25

von jso

Guten Abend

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

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/

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

Verfasst: 14.02.2011 18:37

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).

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

Verfasst: 14.02.2011 18:55

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

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

Verfasst: 14.02.2011 19:54

von jso

@Talk19zehn: Danke. Sieht schon ein wenig besser aus als vorher also zumindest der header. Jetzt ist das Forum wieder breiter.

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

Verfasst: 14.02.2011 20:01

von jso

habe jetzt zwei mal </div> rausgenommen und dann ist die breite wieder so, wie ich sie haben möchte.

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

Verfasst: 15.02.2011 07:50

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

.

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

Verfasst: 15.02.2011 14:36

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,

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

Verfasst: 15.02.2011 14:57

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ß.

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

Verfasst: 15.02.2011 20:23

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,

sodann viel Glück für den Verlauf deiner Gestaltung!

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

Verfasst: 16.02.2011 16:17

von jso

Danke

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