[HTML/CSS] Homepage Hintergrund Problem

04/14/2011 17:31 DjDEFONE°#1
Hallo,

Hab ein neues problem mit dem Hintergrund
dort möchte ich gerne ein Bild

das will aber nicht so wie ich es will xD

guckt hier

Wenn ich das mit HTML mache sieht es so aus:
[Only registered and activated users can see links. Click Here To Register...]

HTML Code
HTML Code:
<body background="bg_hp.jpg">




Wenn ich das mit CSS mache sieht das so aus:
[Only registered and activated users can see links. Click Here To Register...]

CSS Code
Code:
#container {
  margin:auto;
  width: 760px;
  background: #000000;
  background-image: url(bg_hp.jpg);
}


Hier mal das Hintergrund bild was ich da haben will...

[Only registered and activated users can see links. Click Here To Register...]

© DjDEFONE°

bei mir is es imemr fail :D
verstehe ich net

Mfg

PS:
Hab das noch in einem anderen Forum
hab davon kopiert damit ich es nicht noch mal
neu machen muss
deswegen sry falls net so genau ist....
04/14/2011 18:47 black0utCpp#2
schau mal z-index nach ; hab keine Lust spoonfeed zu machen !
04/14/2011 21:03 WhiteCollar#3
Ehm lad dir Adobe Dreamweaver runter damit kannste das ganz easy machen^^
04/14/2011 22:56 NotEnoughForYou#4
Quote:
Originally Posted by black0utCpp View Post
schau mal z-index nach ; hab keine Lust spoonfeed zu machen !
z-index funktioniert nur bei absoluten positionierungen ...


lass mal das backround:#000000; weg und geb dafür body diese Farbe... und zeig mal den Rest von deinem Code
04/15/2011 16:02 hen!#5
Du schneidest die beiden Ecken aus und positionierst das untere als
Code:
background: bottom left no-repeat #000 url(...);
und den oben rechts (top right no-repeat) positionierst du in einem absoluten div mit höhe X und breite 100% wobei du den z-index anpassen musst, dass das DIV-Element unten liegt oder du hängst die <div> direkt über den </body>-Tag.
04/15/2011 17:10 black0utCpp#6
Natürlich würde das mit z-index funktionieren.
04/15/2011 19:19 . χaωe#7
Quote:
Originally Posted by black0utCpp View Post
Natürlich würde das mit z-index funktionieren.
Nicht wenn die Elemente relativ angeordnet sind. Z-Index bezieht sich nur auf (absolut) positionierte Elemente. Ich weiß nicht wie der Quellcode ausschaut, aber wirklich valide scheint der auch nicht zu sein ;X