Banner einfügen.

[Kirk]

Das ist kommt in die entsprechende css Klasse, wie du das dort eingebunden hast weiss ich nicht.

[Crizzo]

Diese CSS-Eigenschaft braucht das Elternelement.

Beispiel:
Wir wollen den Text und Bild in diesem <div> zentrieren:

Code: Alles auswählen

<div id="content">
Bla, blubb! 
<img src="" alt="" ... /> 
</div>

Dazu ergänzt man:

Code: Alles auswählen

#content {
text-align: center;
}

Wenn jetzt das div#content noch selbst gegenüber seinem Elternelement zentriert werden soll, braucht es eine Breite, weil es sonst 100% breit ist und da zentriert sich nichts.

Code: Alles auswählen

#content {
margin: 0 auto; /* Zentriert das Element und setzt den Abstand nach oben und unten auf "0" */
width: 400px; 
}

Das wendest du jetzt auf dein Problem an, fertig.

[silberpfeil]

hört sich einfach an, aber ich bekomme es nicht hin

Andreas

[Crizzo]

Wie sehen denn nun deine CSS-Regeln für #logo aus?

[silberpfeil]

ich weiß ja nicht, ob du das hier meinst?
Das sind die Einträge in css

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

#site-description h1 {
margin-right: 0;
}

und

Code: Alles auswählen
#logo {
float: center;
width: auto;
padding: 10px 13px 0 10px;
}

und das finde ich in der overall_header.htm

<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 align="center">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>



Andreas

[Crizzo]

Den Code kenne ich schon, das sollte aber nicht dein aktuelle Code sein, denn das float: center unsinn ist, weißt du schon und solltest es deshalb gar nicht mehr verwenden.

Gib #logo zudem mal text-align: center; und schau was passiert.

[silberpfeil]

klar, das mit dem center habe ich nicht mehr drin

habe das jetzt so eingefügt:

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

a#logo:hover {
text-decoration: none;
}

aber hat sich nichts geändert

[Crizzo]

Du hättest dir die Links mal ein wenig mehr durchlesen sollen.

Du nutzt float ohne width (auto ist Standardeinstellung und sorgt für nichts). Das hat zur Folge, dass dein Element so schmal gedrückt wird, wie der Inhalt zu lässt. Ist dein Banner jetzt 500px breit, ist das #logo auch 500px. Jetzt wird 500px in 500px zentriert. Doch das sieht man natürlich nicht.

Ergo: float weg, oder Breite vergrößern/auf 100% oder ähnliches.

Grüße

[silberpfeil]

vielen dank für die Hilfe, mittlerweile funktioniert es.

thairidgeback-forum.de

Andreas