Hintergrund wiederholt sich

Qudi · 20.06.2011, 20:49

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

.

Also mein Hintergrund sollte eigentlich so aussehen:

Aussehen tut es aber so:

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^^
http://asiancy.de/index.php

MfG Qudi

m3ndaX · 28.01.2012, 10:17

Probier es mal mit background-repeat:no-repeat;

Webdesigner · 21.04.2012, 16:45

Du vergibst einmal im HTML und einmal im CSS Atrribute für den BODY.
Wenn Du das background-repeat: repeat-x ; auchim HTML oben angibst, sollte der Hintergrund wie gewünscht angezeigt (bzw. nicht angezeigt) werden.

20.06.2011, 20:49	#1
Qudi Neuer Benutzer Registriert seit: 20.06.2011 Ort: Gießen Beiträge: 1	Hintergrund wiederholt sich 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 . Also mein Hintergrund sollte eigentlich so aussehen: Aussehen tut es aber so: 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^^ http://asiancy.de/index.php MfG Qudi Geändert von Qudi (20.06.2011 um 20:53 Uhr)

28.01.2012, 10:17	#2
m3ndaX Neuer Benutzer Registriert seit: 28.01.2012 Beiträge: 2	AW: Hintergrund wiederholt sich Probier es mal mit background-repeat:no-repeat;

21.04.2012, 16:45	#3
Webdesigner Neuer Benutzer Registriert seit: 29.03.2012 Ort: Darmstadt Beiträge: 9	AW: Hintergrund wiederholt sich Du vergibst einmal im HTML und einmal im CSS Atrribute für den BODY. Wenn Du das background-repeat: repeat-x ; auchim HTML oben angibst, sollte der Hintergrund wie gewünscht angezeigt (bzw. nicht angezeigt) werden. __________________ Hilfe bei der Erstellung einer Webseite benötigt? Webdesigner Darmstadt Vom Profi. Zum Festpreis.

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Überprüfung von DropDown Menü per JavaScript	Paze	JavaScript	9	15.05.2009 11:04