Das altbekannte Problem mit dem Hintergrund...

[AzRaIL]

Nach einigen Wochen faul rumsitzen wollte ich mein aktuelles Portfolio Design in html / css umsetzen (das meiste von dem Code wurde von Simon Duda geschrieben (« digitale Medien » von Simon Duda) ich versuche nur es weiter zu machen)

das Grundgerüst steht, doch das mit dem Hintergrund klappt noch nicht so richtig
hab es mal hochgeladen damit ihr euch das besser vorstellen könnt:

Azrail Designs

hab das Hintergrundbild in ein img Tag gesetzt
hab es auch so versucht das ich es in der css Datei einfach im body Teil hinschreibe
aber da verdoppelt sich das Bild immer und alles sieht komisch aus...

jetzt steht in der Css Datei nur das hier für den Hintergrund:

#bg {
    width: 100%;
    height: 100%;
    position: relative;
}

hättet ihr ne Lösung wie ich mein Design über das Hintergrundbild setzen kann?

 

[threadi]

#bg {
[COLOR="red"] position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 10;[/COLOR]
}

#wrapper {
 margin:111px auto 0;
 [COLOR="red"]position:relative;[/COLOR]
 text-align:left;
 width:886px;
 [COLOR="red"]z-index:10;[/COLOR]
}

Das rot markiere hab ich geändert, dann geht es so wie Du willst denke ich.

 

[AzRaIL]

es funktioniert! Danke

 

[Körnerbrötchen]

Was macht denn ein Hintergrundbild im HTML? Das kommt ins CSS rein.

 

[AzRaIL]

Was macht denn ein Hintergrundbild im HTML? Das kommt ins CSS rein.

ja das habe ich auch zuerst versucht (im html, body Bereich in der Css datei)
also so habe ich es geschrieben:

html, body {
    text-align:center;
    font:0.85em Arial, Helvetica, sans-serif;
    background-image:url(../images/bg.jpg);
    color:#537082;
    letter-spacing:0.09em;
}

dann wird der Hintergrund aber mehrfach angezeigt usw.

ich weis jetzt auch nicht was ich noch dazu schreiben müsste sodass es nur einmal angezeigt wird und alles füllt

könntet ihr mir ne Lösung sagen?

 

[lowsaxonian]

Hier steht´s: selfhtml: Hintergrund