• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hintergrund wiederholung unterbinden

Q

Qudi

Neues Mitglied
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
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
<html>
<head>
<title>Startseite</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<meta name="author" content="Administrator">
<meta name="editor" content="html-editor phase 5">
</head>
<body background="grafics/background.png" text="#000000" bgcolor="#dbdbdb" link="#FF0000" alink="#FF0000" vlink="#FF0000">

</body>
</html>

CSS
#body {
background-image:url("grafics/background.png");
margin:0;
padding:0 ;
width:100%;
height:100%;
background-repeat: repeat-x ;
}

ich hab gelesen dass "repeat-x" das eigentlich unterbinden sollte ... ich sitz schon ziemlich lang dran und verzweifel langsam ...
Die grafik ist 20x933 , also sie wiederholt sich horizontal
ich hoffe ihr könnt mir helfen

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

MfG Qudi
 
danke, es geht :D

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.
 
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 :D 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 ?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben