Hintergrundbild Verschiebung

[SimoNxD]

Hallo Leute.

Ich hab eine Seite mit gaaaanz Vielen div's.
Und mein Body hat nen hintergrund bild...
Jz habe ich allerdings das problem das sich das hintergrund bild, wenn ich mein Explorer verkleiner verschiebt.
Wie kann ich das so festlegen das es dauerhaft auf der selben position bleibt auch bei browser verkleinerung/vergrößerung.

MfG

PS Hier mal die Regelung für mein Hintergrundbild:

body {
  font-size: 1em;
  line-height: 1.4;
  background: url("../img/bg.png") no-repeat center Top #0f0f0f;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

}

 

[Cheffchen]

Hallo,

na du hast zu stehen "center Top" also mittig und oben ausgerichtet.
wie soll das denn sonst sein? Links/Oben oder rechts/unten oder es gehen natürlich auch px angaben von der ecke Links/Oben aus.

Cheffchen

 

[SimoNxD]

Okay Das klappt soweit, hab es mit px angaben jz Link Oben gemacht..

Nur das problem jz verschieben sich meine Div's bei fenster verkleinerung...
Wie kann ich das komplett verhindern?
Also das sich sogar beim verkleinern vom browser nixmehr verschiebt sondern alles auf der stelle bleibt wie vorher.

#edit

Okay... mit den PX angaben geht es nicht... Leider, da wenn jemand nen größeren Bildschirm oder nen kleineren hat, es nicht mittig hat wie ich...

Mit position: absolute
könnte man arbeiten allerdings gibt es dann kein margin: 0 auto mehr ;/

 

[Cheffchen]

Hallo,

also ohne ein Link ist das alles recht schwer zu sagen.
in der Regel macht man das mit ein wrapper um alle divs, so ist das alles mittig und verschiebt sich nicht bei kleineren viewports ausser möchtest das per media query.
Das position: absolute kein margin hat, liegt ja in der natur der sache :O)
Das mit absolute ist immer mit vorsicht zu nutzen da damit oft mehr problem entstehen als gelöst wird.

Cheffchen

 

[SimoNxD]

Hab es jz so gelöst :) und alles klappt

#page {
    width: 1080px;
    height: 1400px;
    margin: -10px auto;
    padding: 1px 0 0 0;
    background: url("../img/bg.png") no-repeat Top center #0f0f0f;
}

und dann halt direkt hinter body

<div id="page">
INHALT DER SEITE
</div>

Und meine seite läuft lokal ;o also kann ich das alles nicht mit Links zur HP zeigen ._.
Danke für deine Hilfe ^-^

 

[Cheffchen]

hallö,

fein.
pass aber mit der height auf, entweder ganz raus oder min-height machen...

cheffchen