Seite 1 von 1

Site_logo zentrieren

Verfasst: 07.12.2012 11:44
von Antiquatus
Hallo zsm

folgendes ich benutze : http://demo.phpbb3styles.net/WoW5thAniversary

auf dieser Seite: http://bierwaechter.bi.funpic.de

Im overall_header habe ich dieses gefunden:

Code: Alles auswählen

<body class="{S_CONTENT_DIRECTION}">
<div id="headerlogo"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></div>
<div id="pagebg"> </div>

<a name="top"></a>

<div id="container">
<div id="wrapper">
Was muss ich daran ändern, dass das site_logo automatisch/manuell in die Mitte gerückt (zentriert) wird?

Danke

Re: Site_logo zentrieren

Verfasst: 07.12.2012 13:34
von HJW
Hallo,

hast du schon mal deinen Betreff in die Suche eingegeben?

Re: Site_logo zentrieren

Verfasst: 07.12.2012 13:43
von Antiquatus
Klar, nur da finde ich nicht das gleiche wie bei mir in meinem Code.:(

Re: Site_logo zentrieren

Verfasst: 07.12.2012 16:43
von eXestend
Nimm mir das nicht böse, aber dein Code ist irgendiwe ganz schrecklich :o

Damit ich Dir besser helfen kann, würde mich interessieren: Wie stehts denn um deine CSS und HTML Kenntnisse ? Weißt Du, wie CSS funktioniert ? Also, wie die Regeln sind ?

Weil, den Code kann ich nicht ganz nachvollziehen, wieso weshalb warum:

Code: Alles auswählen

#headerlogo {
z-index: 300;
LEFT: 50%;
Margin-left: -138px;
POSITION: absolute;
TOP: 20px;
width: 262px;
height: 130px;
}
Auch verstehe ich nicht ganz, wieso der container nen bg für den Header hat, wo der Header drinnen ist etc. oO Das liegt aber am Main Theme, was ich schon an und für sich nicht sehr sauber halte.

Ich empfehle dir, mach dir einen BG der in den body kommt, fixiere de, mach den auf ne Skalierung von 100% und setze dein Logo dann in den header, wofür der vorgesehen ist.

Ich guck mal, ob ich mit dem main theme was anfangen kann, was aber echt nicht schön ist. Weder von der Schreibweise, noch von der Umsetzeung, weswegen du jetzt soclhe Probleme hast das um zu setzen.

LG

Re: Site_logo zentrieren

Verfasst: 08.12.2012 10:17
von Crizzo
eXestend hat geschrieben: Weil, den Code kann ich nicht ganz nachvollziehen, wieso weshalb warum:

Code: Alles auswählen

#headerlogo {
z-index: 300;
LEFT: 50%;
Margin-left: -138px;
POSITION: absolute;
TOP: 20px;
width: 262px;
height: 130px;
}
Das ist eine ältere Methode, um Blockelemente zu zentrieren. Das Element wird 50% vom Linkenrand entfernt platziert und dann per negativem "margin-left" über die Hälfte des Breite wieder nach "links" gezogen. Hat den Nachteil, dass das Blockelement verschwindet, wenn die Seitenbreite zu schmal wird. Deshalb nutzt man dafür eigentlich nur noch:

Code: Alles auswählen

#headerlogo {
margin: 0 auto; 
width: 262px;
}
weil das deutlich streßfester ist.

Grüße

Re: Site_logo zentrieren

Verfasst: 08.12.2012 10:33
von Antiquatus
Hallo,

aber bei mir ist das Header doch ein Teil eines Bildes oder verstehe ich das falsch?
weil das ja header-bg ist. Und das Site_logo wird ja darüber gesetzt.

Gibt es da keine einfach schnelle Lösung *g*

Danke euch