Hintergrund wiederholung unterbinden

Hey Leute, ich bin relativ neu auf dem Gebiet CSS und hab schon einige Probleme allein mit dem Hintergrundbild. ich hoffe das mir hier jemand helfen kann http://www.html-forum.de/images/smilies/smile.gif .

Also mein Hintergrund sollte eigentlich so aussehen:
http://img4.fotos-hochladen.net/uploads/startseite1308i2mubztjke.png

aussehen tut es aber so:
http://img4.fotos-hochladen.net/uploads/startseite1308520iqmoryn.png

Also es wiederholt sich nach unten, und genau das möchte ich vermeiden.

hier mein HTML und CSS datei (wie gesagt, bin noch nciht so geübt^^)
HTML
[B]

Startseite [/B] [U]CSS[/U] [B]#body { background-image:url("grafics/background.png"); margin:0; padding:0 ; width:100%; height:100%; background-repeat: repeat-x ; } [/B] ich hab gelesen dass "repeat-x" das eigentlich unterbinden sollte ... ich sitz schon ziemlich lang dran und verzweifel langsam ... [I]Die grafik ist 20x933 , also sie wiederholt sich horizontal[/I] ich hoffe ihr könnt mir helfen

btw inspiriert wurde ich durch diese seite^^
asiancy.de

MfG Qudi

Du suchst „no-repeat“. Siehe: SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder

danke, es geht :smiley:

noch eine andere Frage, wenn ich jetzt die Seite verkleiner sprich (strg + mausrad)
kachelt es sich wieder nach unten , auf der Seite asiancy.de ist die untere hälfte dann aber eine einheitliche Farbe… kann ich das auch mit CSS umsetzen?

Setze zusätzlich zu dem Hintergrundbild auch eine Hintergrundfarbe in der gewünschten Farbe.

hmmm hab mal im Quelltext geguckt, und dass hier rauskopiert
#body {
background-image:url(„grafics/background.png“)scroll 0 0 #818284;
margin:0;
padding:0 ;
width:100%;

funktioniert jedoch bei mir nich .__.

Kann auch nur funktionieren wenn Du ein Element mit der ID „body“ hast. Das entspricht nicht dem -Element.

okay ich werde der sache auf den grund gehen :wink:

Auf gut deutsch: von #body die Raute(#) löschen und background: url(grafics/background.png) no-repeat #FARBE

aber wenn ich des mach, bleibt von meinem hintergrundbild nur noch ein strich übrig :smiley: weil die Die grafik ist 20x933 und die wurde dann eben nach links wiederholt
… kann ich da auch ein neues elemt hinzufügen , also #background-color ?

Hallo.

Bei so vielen Fragen sollte dieser Link hilfreich für dich sein: CSS 4 You - The Finest in Stylesheets

Gruss
Elroy