Logo in Prosilver zentrieren

[Kuchipatchi]

Hallo zusammen.

Ich habe schon alle Themen hier durchstöbert zum Thema aber komme nicht weiter.
In der overall_header.html habe ich folgendes gemacht.
Als erstes die Suchbix heraus genommen und die Beschreibung der Seite auch.
Jetzt sieht das ganze so aus

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></span></span>

			<div id="site-description">
				<p><a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a></p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

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

Mir ist aber immer noch nicht bewusst, wie ich das ganze Zentrieren kann.
Danke schonmal vorab

Gruß Leon

[JFooty]

Mir ist aber immer noch nicht bewusst, wie ich das ganze Zentrieren kann.

Das steuerst du per CSS.
Du hast dich ja entschlossen, die Suchbox komplett zu entfernen.
Zunächst entfernst du für div id="site-description" den Textfluss und die Breitenangabe.
Finde in der common.css und entferne (oder kommentiere aus):

Code: Alles auswählen

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

Jetzt zentrierst du das Logo.
Finde in der common.css:

Code: Alles auswählen

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

Ersetze mit:

Code: Alles auswählen

#logo {
	display: block;
	width: auto;
	padding: 10px 13px 0 10px;
	text-align: center
}

Wie immer gilt KB:169 beachten.

[Tari_Narmolanya]

Vielen Dank JFooty, mir hat das sehr geholfen.