Headerleiste auf Blogbreite beschränken

[Yannick Zurflüh]

Hallo Oliver, hallo zusammen

Ich habe nun schon eine Weile rumgesucht und bin nicht fündig geworden, daher meine Frage hier: 

Ist es möglich, die Headerleiste bei dynamischen Layouts auf die Breite des Blogs zu beschränken? Ich möchte, dass der Header, die Headerleiste mit den Menüpunkten und der Blog selbst dieselbe Breite haben. 

Mein Blog: www.y-z.li

Vielen Dank im Voraus!

Gruss, Yannick

PS: Vielen, vielen dank für deinen Einsatz Oliver, ohne deine Seite wäre ich ganz schön aufgeschmissen :-)

[oliver]

Du kannst diese CSS versuchen:

#header{

width: 920x !important;

left: 50% !important

margin-left: -460px

}

Das sollte den Header genau auf die Breite des Blogs bringen ... schaut aber meiner Meinung wegen des Hintergrunds nicht besonders gut aus. Aber probier es aus.

----

P.S.:

Diese Gruppe hier wird/wurde auf G+ verlagert: https://plus.google.com/communities/110908772045475990831  .. es ist einfacher, da weiter zu machen. ^^

[Yannick Zurflüh]

Hallo Oliver

Vielen Dank! Leider hat es nicht funktioniert.... die Headerleiste geht immer noch bis zum Rand. 

Bezüglich Hintergrund: Das wäre meine nächste Frage gewesen ;-) Nämlich: Wie kann ich den Hintergrund von Google (nicht einen eigenen) fixieren, sodass er nicht mitscrollt? 

Dann wäre das Problem ja mehr oder weniger behoben?

Vielen Dank und Gruss

Yannick

[oliver]

Ich habe mir gerade mal deinen Quelltext angeschaut - du hast mehr als 1500 Zeilen eigene CSS eingefügt. Das ist a bisserl a Chaos. Du hast immer mal wieder alles mögliche direkt in deinem Haupt-Blog ausprobiert, oder? Viel dazu sagen kann ich nicht .. da geht alles kreuz und quer durcheinander.

Dein Glück ist, dass 99% der CSS nichts bewirkt und das die dynamischen Ansichten extrem stabil sind. Aber warum das mit Zentrierung nicht klappt, kann ich nicht sagen. In meinem Test-Blog funktioniert es.

^^

[Yannick Zurflüh]

Hallo Oliver

Danke für die erneute Antwort. Ja ich habe einiges ausprobiert. Allerdings sehe ich in meinem CSS-Feld nur etwas über 100 Zeilen. Wo kommen die restlichen 1400 her bzw. wo sehe ich diese?

Ich habe jetzt einen Testblog eingerichtet und deine, d.h. nur deine CSS-Funktion eingefügt. Allerdings passiert nichts. Hast du eine Ahnung warum? :-/

Sorry für die Umstände. 

Gruss und Danke, 

Yannick

[Yannick Zurflüh]

Sorry, den Link des Testblogs vergessen..

http://yzphotography-testblog.blogspot.com

[oliver]

Sorry - komme erst heute zum antworten :(.

Du findest deine CSS im Dashboard > Vorlage > HTML bearbeiten und dann im Abschnitt  <b:skin> ...

Alles unterhalb von /* END CUT */ ist von dir. Schau es dir an.

Die CSS von mir funktioniert .. wenn sie in deinem Blog ausgeführt wird. Wird sie aber nicht ... wie du zB. an den fehlenden Seiten-Liste siehst [ist nur schwarz, keine Links].

Das ist ein ziemlicher üblicher Fehler in den dynamischen Vorlagen. Such mal ganz unten in deinem Layout dieses Script:

    <script language='javascript' type='text/javascript'>

      setTimeout(function() {

        blogger.ui().configure().view();

      }, 0);

    </script>

Und setzt den Wert auf 500:

    <script language='javascript' type='text/javascript'>

      setTimeout(function() {

        blogger.ui().configure().view();

      }, 500);

    </script>

Dann sind noch zwei Fehler in der CSS - ändere das so:

#header{

width: 920px !important;

left: 50% !important;

margin-left: -460px

}

Das funktioniert dann so - siehe TestBlog:

http://about-5202.blogspot.de/

Besser? ^^