Hintergrundgrafik verschiebt sich auf verschiedenen Monitoren

URL? (ja ich weiß, dass du die regelmäßig postest, aber ich merk mir nicht jede URL die ich hier gepostet bekomme. ;-))

Dein Fehler ist: dein body ist zentriert, dein Hintergrundbild aber links ausgerichtet - 230px vom linken Bildrand. Dann ist klar, je breiter der Monitor wird, desto weiter links stehen die Ornamente im Vergleich zum Inhalt, je kleiner, desto weiter rechts.

Du solltest das Hintergrundbild auch horizontal zentrieren, nicht nur vertikal. oder hast du einfach nur die Angaben für "left" und "top" vertauscht?
background-position: Hintergrund positionieren: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

px-Angaben im Web sind (fast) immer schlecht, es ist ja grade der große Vorteil von HTML/CSS, dass es sich an die jeweiligen Bedingungen beim Nutzer anpassen kann - egal ob Bildschirmauflösung, eingestellte Schriftgröße/-art usw. ;-) (bei den Monitorgrößen ist ja von 120x160-Handydisplay bis 1920x1080-Full-HD-Monitor eigentlich alles möglich. Und nicht jeder surft im Vollbildmodus.)

Zum Beispiel. Oder nur center bzw. 50%

Zitat von CSS4You

Wird nur ein Wert angegeben, so legt dieser die horizontale Position fest. Die vertikale Position liegt dann bei 50%.

Zitat von greydemon

die Darstellung der Hintergrundgrafik ist beim Internet Explorer immer noch nicht richtig.

Außerdem ist die horizontale Navigation jetzt aufm Mac in Safari und Firefox veschoben.

Kann ich hier nicht nachvollziehen, sieht in allen getesteten Browsern (Opera 9.62, Safari 3, Chrome beta 4, IE7, FF3) ähnlich aus.

Zitat

Mit padding 85px habe ich die Navi horizontal angepaßt.
Kann man die Navi vielleicht auch anders ausrichten? D.h. mit Prozentangaben

Ja natürlich. Erlaubt sind Längenangaben:
padding: Innenabstand: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Zitat von greydemon

D.h., befinden sich die 2 Ornamente bei dir links und rechts vom Text?

Ja.

Zitat

Und welche Prozentangaben würdest du einsetzen, um die Navi horiziontal zu zentrieren?

[I]/* style.css (line 300) */[/I]
ul#navigation {
border-bottom:0 solid #000000;
border-top:0 solid #000000;
font-family:Tahoma,Georgia,Verdana,Arial,Serif;
font-size:1em;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:6px 0 4px 85px;
[COLOR="Red"]text-align:center;[/COLOR]
text-transform:uppercase;
width:698px;
}

in Verbindung mit korrekten Breiten- und Abstandangaben. (Mit Firebug kann man sehr schön visualisieren, wie die Abstände aussehen)

Irgendwas ist jetzt anders, die <li> in der #navigation waren zuvor als display:inline gekennzeichnet, das ist nun weg.

Zitat von greydemon

So sieht mein Navi Code aus im Moment:

:!: W3C CSS Validator results for http://web24.vz02.ihr-host.de/klangschmiede_blog/ (CSS level 2.1)

Warum stehen da z.B. 2 schließende geschweifte Klammern?

PS: http://forum.wordpress-deutschland.org/plugins-und-wi…-den-posts.html