[HTML/CSS] Homepage Hintergrund Problem

DjDEFONE° · 04/14/2011, 17:31

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:

HTML Code

HTML Code:

<body background="bg_hp.jpg">

Wenn ich das mit CSS mache sieht das so aus:

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...

© DjDEFONE°

bei mir is es imemr fail

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....

black0utCpp · 04/14/2011, 18:47

schau mal z-index nach ; hab keine Lust spoonfeed zu machen !

WhiteCollar · 04/14/2011, 21:03

Ehm lad dir Adobe Dreamweaver runter damit kannste das ganz easy machen^^

NotEnoughForYou · 04/14/2011, 22:56

Quote:

Originally Posted by black0utCpp

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

hen! · 04/15/2011, 16:02

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.

black0utCpp · 04/15/2011, 17:10

Natürlich würde das mit z-index funktionieren.

. χaωe · 04/15/2011, 19:19

Quote:

Originally Posted by black0utCpp

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