Problem mit Hintergrund Bild

Hallo zusammen.

Habe folgendes Problem.
Der Body meines Blogs hat einen Hintergrundstreifen der sich in der Horizontalen wiederholt.

body {
    margin: 0px;
    padding-top: 0px;
    background-image: url(images/body_bg.jpg);
    background-repeat: repeat-x;
    color: #666;
    font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
    
}

Darüber habe ich im dann eine Hintergrundgrafik mittig positioniert, welche 1300x480 px groß ist.

Zitat

#bg {
background-image: url(images/header.jpg);
background-position: center;
background-repeat:no-repeat;
margin: 0px auto;
width: 1300px;
height: 480px;
}

Alles anzeigen

Die eigentliche Seite ist aber nur 900px breit.

Zitat

#wrap {
width: 900px;
position:relative;
margin: 0px auto;
}

Nun erzeugt die 1300x480px große Grafik natürlich ab einer bestimmten Bildschirmgröße horizontale Scrollbalken.

Wie kann ich das umgehen? Also die horizontalen Scrollb Balken?

Hat jemand eine Idee

hm - wenn ich die Größenangaben entferne, dann zerhauts mir die Seite komplett.

Ja - die Header Datei ist original so groß. Die läuft halt je nach Auflösung rechts und links ausem Browser.

liegt "leider" aufem virtuellen server und ist nicht übers netz erreichbar.
kann das aber sonst aufen anderen server spielen - aber das schaff ich wohl wenn erst heute abend.

hat vielleicht doch jemand noch so eine idee bevor ich jetzt extra noch nen websapce mit wordpress einrichte wo ich das tempalte einspiele?

super! das war es!
habe jetzt die höhenangabe drin und die angabe der breite einfach gelöscht.

vielen dank!

schönen feierabend!