Hintergrundbild...

Gun Tag...

Ich hab n Problem mit meinem Hintergrundbild aufer HP...
Ich weiß nich wie ihs strecken soll....

wenn ich z.b. http://home.scarlet.be/nomax/DATA/FILES/NEOPH1CV.JPG als hintergrund haben moechte, zeigt der mit davon als hintergrund nich nur 1 sondern mehrere bilder an... Das' kacke lach

Bitte bitte helft mir! grins

Huhu.

Das Bild strecken musst du schon von alleine machen. Man kann das Hintergrundbild meines Wissens nicht automatisch strecken lassen. Dagegen, dass es sich wiederholt, habe ich jedoch etwas:

<style type=text/css>
<!--body{background-image:url(http://home.scarlet.be/nomax/DATA/FILES/NEOPH1CV.JPG);background-position: top; background-repeat: no-repeat; background-attachment:fixed;}-->
</style>

Mit diesem Code wird folgendes erreicht:
Die Position des Bildes wird nach oben ausgerichtet (background-position:top). Andere Anordnungen wären bottom, center, left und right.
Dein Hintergrundbild wird durch background-repeat: no-repeat nicht mehr wiederholt, d.h. es wird nur ein einziges Mal angezeigt.
Mit background-attachment:fixed erreichst du letzendlich, dass das Bild beim Scrollen nicht mehr "mitfährt".

Mehr dazu findest du übrigens hier. In diesem Thread steht noch etwas, wie man ein Hintergrundbild je nach Auflösung des Nutzers wählen kann.

Mh.. danke, aber wenn ich das in meine HP einfuege, bleibt der Hintergrund schwarz.... :|

Das man Bilder 'strecken' kann, wird es erst der dritten Version von CSS geben aber wenn du wirklich die Bilder strecken willst, dann waere noch folgendes hinzuzufuegen, was allerdings bedingt durch die jeweillige Aufloesung des Betrachters, ab und an relativ unschoen aussehen kann.



@DB-Devil
eine Auskommentierung (<!-- -->) hat im CSS nichts zu suchen

Ich moecht einfach nur, das das pic halt so in der mitte ausgerichtet wird, das es wie n ganz normales bild aussieht... und nich so abnormal und blaa lach
^^

Dein Problem bei der Geschichte ist, dass du das nicht KnuddelsBrowser kompatibel kobiert hast.

so sieht es bei dir aus:


so sollte es aussehen: