Hallöle!
Ich habe das Problem, dass ich einen fixen Hintergrund haben möchte und darüber zb ein Bild, welches allerdings zentirert sein sollte.
Hab schon etliche Sachen versucht, jedoch hab ich bislang des Rätsels Lösung nicht entdeckt...
Das ist der momentane Code:
<body background="Images/L4D Homepage 2.5 Hintergrund.jpg" style="position:fixed ; margin:0 auto">
<div width="100%" height="100%" align="center">
<img src="Images/background_02.jpg" />
</div>
</body>
Hoffe ihr könnt mir helfen..
Alles anzeigenHallöle!
Ich habe das Problem, dass ich einen fixen Hintergrund haben möchte und darüber zb ein Bild, welches allerdings zentirert sein sollte.
Hab schon etliche Sachen versucht, jedoch hab ich bislang des Rätsels Lösung nicht entdeckt...Das ist der momentane Code:
<body background="Images/L4D Homepage 2.5 Hintergrund.jpg" style="position:fixed ; margin:0 auto">
<div width="100%" height="100%" align="center"><img src="Images/background_02.jpg" />
</div>
</body>
Hoffe ihr könnt mir helfen..
Ist das Bild nicht zentriert oder wie jetzt?
Die Hintergrundgrafik solltest du auch per css angeben, siehe http://www.css4you.de/backgroundproperty.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>
<title></title>
</head>
<body style="background:url(http://home.arcor.de/synaptic/gw201.JPG); position:fixed ;">
<div style="width:200px; height:350px; margin:0 auto;">
<img src="http://home.arcor.de/synaptic/maintower.png" />
</div>
</body>
</html>Hilft nicht margin: 0 auto; ?
@ JungerDesigner: Nee, leider nicht.
@ synaptic: Das ist bei mir auch nicht zentriert.
@ bandit600: Das habe ich davor auch schon ausprobiert, aber es ging irgendwie nicht.
@ Billbos: so: <div width="100%" height="100%" align="center" margin:0 auto>? Das geht bei mir auch nicht...
Vielleicht hilft es euch, wenn ich euch sage, dass ich Firefox 3 verwende und es mir noch nicht auf anderen Browsern angeschaut habe. Ich denke allerdings, wenn es bei ff nich geht, dann brauch ich gar nicht erst zu gucken, ob es wo anders läuft, da es ja ein sehr beliebter Browser ist.
Wenn du bei einem Div die Höhe mit 100% festlegt, klappt das natürlich nur, wenn du auch angibst auf was sich das beziehen soll. In deinem Fall bezieht sich das auf den Body, und dessen Höhe hast du nicht angegeben.
Die Bildadresse enthält Leerzeichen. Das geht nicht.
also dein source und meiner zeigen beide bei mir das bild in der mitte an...
kein plan was du da falsch machst.. ich tippe hie auf nen osi-layer-8-problem!!
Moin,
Zitat<body background="Images/L4D Homepage 2.5 Hintergrund.jpg" style="position:fixed ; margin:0 auto">
sorry aber das geht so nicht.
position :fixed; ist so ähnlich wie position:absolute, weil beide das Element völlig aus dem Textfluss rausnehmen.
Bei position:absolute; kann man dem übergeordneten Element position:relative; geben, dann ist dieses der Bezugspunkt für das absolute Element.
Bei mit pos.:fixed positionierten Elementen geht das z.B. nicht, weil da der Bezugspunkt immer der Viewport ist und sie immer an der gleichen Stelle im Viewport stehenbleiben, auch wenn man runterscrollt.
Positionsangaben müssen also immer in Bezug auf diesen gemacht werden.
Solche Bilder können natürlich auch nicht mit margin:0 auto zentriert werden.
Außerdem kennt der IE<7 position:fixed nicht.
Es wäre vielleicht besser, wenn du dich erstmal über die versch. position-Eigenschaften informieren würdest und was für Auswirkungen sie haben. 
koslowski
Es wäre vielleicht besser, wenn du dich erstmal über die versch. position-Eigenschaften informieren würdest und was für Auswirkungen sie haben.
koslowski
Ja das werde ich auch auf jeden Fall noch tun! Aber kannst du mir dann vielleicht trotzdem eine Lösung für mien Problem geben? So in Form eines korrekten Codes vielleicht? Wäre sehr lieb! Nochmal falls das nicht so ganz klar geworden ist: Ich möchte ein Hintergrundbildhaben. Dieses Hintergrundbild soll IMMER an der gleichen Position sein, damit ich zb ein Bild dadrüber hoch und runter scrollen kann. Also Hintergrund fixiert, Vordergrund scrollbar...
mfg
