Breite des Blogs ändern
In der index.php ist das, was hier als meine Beiträge sichtbar ist, in einen div-Container mit der ID “post” eingebettet. Um dessen Breite zu ändern, definiere ich in der style.css “#post” mit einer Breite von 550 Pixeln. Danach stehen die Beiträge links, die Sidebar natürlich nach wie vor rechts, dazwischen ist (bei meiner Bildschirmauflösung) eine Lücke.
Um alles etwas schmaler und mittig zu gestalten, packe ich den ganzen Code innerhalb der body-Tags in einen weiteren div-Container. Der body-Tag beginnt in der header.php, dort steht nun:
![]()
Er endet in der footer.php; der Übersichtlichkeit halber habe ich dazugeschrieben, welcher div-Tag hier beendet wird:
![]()
In der style.css definiere ich dann die Breite von “#mantel” mit 750 Pixeln. Damit der Inhalt mittig ist, setze ich noch ein “margin: auto” dazu.
Das sieht schon etwas besser aus:

Anschließend gebe ich der Sidebar in der style.css noch eine Breite von 150 Pixeln.
Zum vorherigen oder nächsten Beitrag blättern:
« Kategorien – welche werden angezeigt? Sidebar-Design »










Das ist mal ein wirklich nützlicher Beitrag!
Hat mir sehr geholfen!
Vielen Dank
Kommentar von happy
Mittwoch, 15. November 2006, 14:57