Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo liebe Leute
Ich hab da ein kleines Problem:
Im Theme Unite hab ich es durch
.site-branding.col-md-6 {
width: 100%;
text-align: center;
}
zentriert. Klappt soweit. Wenn ich aber das Bild aufzoome (Strg+) rückt das Logo nach rechts. Warum macht es das? Ist doch zentriert!
Ich bitte euch um Hilfe. Was muss ich machen, damit das Logo immer zentriert bleibt? (Und was bedeutet col-md-6?)
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Man müsste sich das jetzt mal ansehen. Wie breit sind denn die Elternelemente? Wenn eine feste Größe vergeben ist, ist das Center daran gemessen genau so wie die 100%.
Der Link wäre: http://www.stelisabeth.at/sub_test
Vielliecht kannst du mir da helfen.
lg
uch schau dir mal die [FONT=Consolas].header-area an width 2550px, nehme an das hast du eingefügt
wenn du das rausnimmst... passt alles wieder[/FONT]
.col-md-6 ist eine Klasse aus dem Bootstrap Grid, deren Werte kann/sollte man nicht verändern, das zerstört praktisch das ganze Grid-System. Wenn Du Inhalte in eine Zeile ohne Spalten packen willst, nutze ein div ohne entspr. Klassen, siehe auch "Full width, single column" auf der verlinkten Seite.
Hallo. Danke für deine Nachricht. Tatsächlich ist dann das Logo beim zomen zentriert. Aber der gelbe Hintergrund ist eben auf die breite des Logos dann beschränkt, und sollte ja über die ganze Breite verlaufen. Kann ich das anders lösen?
LG
setzte bei width dazu
[FONT=Consolas].header-area { width: 100%; }
[/FONT]
aber am besten wäre ein div um <div class="container header-area"> xxx </div> zu sezten...
#hier das neue DIV
<div class="farbe">
<div class="container header-area">
<header id="masthead" class="site-header col-sm-12" role="banner">
<div class="site-branding col-md-6">
<div id="logo">
<a href="http://www.stelisabeth.at/sub_test/"><img src="http://www.stelisabeth.at/sub_test/wp-co…ader-finish.png" height="120" width="978" alt="St. Elisabeth"></a>
<h4 class="site-description"></h4>
</div><!-- end of #logo -->
</div>
<div class="social-header col-md-6">
</div>
</header><!-- #masthead -->
</div>
</div>
#neues div ende
css dazu
[FONT=Consolas].farbe { background: #FCF6D7; }
[/FONT]
Danke. Ich hab mich jetzt mal für die schnelle Variante entschieden. [FONT=Consolas].header-area { width: 100%; }
Eine Frage noch: Warum wäre es besser eine Div zu setzen? (Ist ja viel mehr code und macht ja das selbe)?
[/FONT]
das es auch noch zuweisungen gibt für die Browsergrössen
Diese werden überschrieben, jedoch ist es eigentlich bei diesen Template egal... so weit ich das sehen kann.
Und so viel arbeit ist da auch nicht ,)) max. 2 minuten
[FONT=Consolas][COLOR=#888888][COLOR=#222222] Media (min-width: 992px)[/COLOR]
[/COLOR]
[COLOR=#555555][COLOR=inherit]bootstrap.min.css?ver=4.7.5:5[/COLOR][/COLOR]
[COLOR=#888888][COLOR=#222222].container[/COLOR][/COLOR] {
[/FONT]
[FONT=Consolas]
[/FONT]
[FONT=Consolas]}[/FONT]
Ok. Danke. Ich muss mir das wohl noch schwer einverleiben.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!