Seite 1 von 1

Subsilver2 Logo ragt über den Headerbereich

Verfasst: 27.10.2011 22:49
von pommernkurve
Moin,

ich bin gerade dabei ein neues Forum zu erstellen

phpbb 3.0.9 Style Subsilver2

Link zum Forum http://pommernkurve.de/

ich habe bisher eine feste breite von 1000px eingestellt und das Normale php logo auf mittig gesetzt in der overall_header Datei. Das alles klappt auch super mit dem Normalen Logo
<div id="wrapheader">

<div id="logodesc">
<table width="100%" cellspacing="0">
<tr>
<td width="100%" align="center"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

<td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>

leider funktioniert das jetzt aber nicht mit meinem neuen Logo (größe 1000px mal 166px) da wie ihr seht das ganze Ding ein Stück nach rechts hinaus ragt

es wäre toll wenn es ihr mir dabei helfen könntet das abzustellen

Super toll wäre es wenn Ihr mir auch gleich mal dabei helfen könntet den Headerbeirech so einzustellen das das von mir hoch geladene Bild den ganzen Bereich ausfüllt also auch oben abschließt und auch unten bis zur Linie reicht b.z. diese bis zum neuen logo

ich hoffe ich hab mich verständlich ausgedrückt

beste grüße

p.s. das von mir neu geladene Bild ist nur ein Platzhalter für noch ein im Layout befindliches (die Abmessungen sind aber die gleichen)

Re: Subsilver2 Logo ragt über den Headerbereich

Verfasst: 28.10.2011 02:17
von hackepeter13
Wo ist da ein Bild, ich sehe nur ein rotes X (also fehlende Bilddatei) - so kann man schlecht helfen.

Ansonsten kann ich mir das jetzt nur so erklären, das der header-bereich einen gewissen Abstand vom rahmen zum inneren Inhalt (auch padding genannt) in der css-Datei hat.

Beispiel:
Du schreibst, dein content hat eine feste Breite vonn 1000px und wenn dieser nun auch bspw. einen padding: 0 20px; (der erste Wert steh für oben & unten, der zweite Wert für links & rechts) hat, besteht zum Inhalt zum Rand ein Abstand von 20px.
Wenn du nun also ein Bild mit einer Breite von 1000px reinpackst, dann kann er logischerweise nicht zentriert angezeigt werden, da in diesem Rahmen ja Seitlich, links und rechts jeweils 20px (also insgesammt 40px) abgezogen werden müssen, die Grafik müsste also maximal 960px breit sein.

Du musst also in der css den padding Wert für den Rahmen in der die Grafik angezeigt wird auf 0 setzen.
Das müsste entweder bei wrapheader oder logodesc definiert sein, genau weiß ich das jetzt beim subsilver2 Style nicht.
Oder du legst deine Grafik als background-images ein, dann werden padding und margin (Rahmenabstände) quasi ignoriert.

Falls du es nicht verstehst, schau dir mal das Beispiel an: Boxmodell (ddas gilt soweit auch bei table und nicht nur bei div-container).

Re: Subsilver2 Logo ragt über den Headerbereich

Verfasst: 28.10.2011 09:38
von pommernkurve
Guten Morgen,

danke hackepeter13

Durch deine Hilfe konnte ich das Problem lösen.

Ich hab dann in der CCS einfach alle padding werte auf 0 gesetzt
#logodesc {
background-color: #FFFFF;
background-image: url('./images/background.gif');
background-repeat: repeat-x;
background-position: center bottom;
padding: 0px 0px 0px 0px;
Das Logo wurde laut browsershots.org nicht bei allen Browser richtig angezeigt daher bestimmt das rote x bei dir

danke noch mal und alles gute