Hintergrundbild div-Element

[Sebastian]

Hallo zusammen,

ich habe Probleme mit einem Hintergrundbild eines div-Elements. Ich möchte gerne, dass sich der obere rote Rand an das Browserfenster (rechte Seite) des jeweiligen Besuchers anpasst. Sprich: Ich will, dass der horizontale Scrollbalken verschwindet und der obere rote Rand die ganze Bildschirmbreite "exakt" ausfüllt. Ich möchte die Breite auch nicht auf 800px festlegen, da das blöd aussieht.

Gibt es irgendein Befehl, der das ermöglicht? Geht das nicht mit margin-right? Jedenfalls funzt es bei mir nicht. Hier mal die betreffende Stelle der css-Datei

#script{
    position : absolute;
    top : 0px;
    left: 168px;
    z-index: 1;
    margin-right: 0cm;
    background-image: url(images/test.gif);
    background-repeat: repeat-x;
    width: 1500px;
    height: 139px;
}

Auf der linken Seite funktioniert das Ganze, da ich hier das Hintergrundbild über den ganzen body laufen lasse.

Hier noch die css-Datei: http://people.freenet.de/seb.steinert/apricum/master.css

Vielen Dank schon einmal und ein schönes Wochenende wünscht
der absolute Laie Sebastian

[Zeromancer]

Hallo Sebastian,

position : absolute;
    top : 0px;
    left: 168px;
    z-index: 1;
    margin-right: 0cm;
    background-image: url(images/test.gif);
    background-repeat: repeat-x;
    width: 1500px;
    height: 139px;
}

nimm mal die Weite in absoluten Zahlen (1500px) raus und nehme relative Angaben (100%). Und nimm am besten Pixel für alle Angaben. Zentimeter am Screen ist imho ungeeignet.

Mit freundlichen Grüßen

André

[Sebastian]

Hallo zusammen,

vielen Dank für Eure schnelle Antworten!

Das mit der relativen Breite (100%) habe ich auch schon versucht. Es funzt aber auch nicht. Ich habe es gerade wie folgt geändert:

#script{
 position : absolute;
 top : 0px;
 left: 168px;
 z-index: 1;
 margin-right: 0px;
 background-image: url(images/test.gif);
 background-repeat: repeat-x;
 height: 139px;
 width: 100%;
}
Der Scrollbalken ist immer noch da :-(

Viele Grüße
Sebastian

[timex]

Gibt es irgendein Befehl, der das ermöglicht? Geht das nicht mit margin-right? Jedenfalls funzt es bei mir nicht. Hier mal die betreffende Stelle der css-Datei

#script{
    position : absolute;
    top : 0px;
    left: 168px;
    z-index: 1;
    margin-right: 0cm;
    background-image: url(images/test.gif);
    background-repeat: repeat-x;
    width: 1500px;
    height: 139px;
}

du definierst fuer die breite auf 1500px. warum? dadurch kommt doch erst der horizontale schrollbalken ...

gruss, timex

[Vaclav]

Hallo Sebastian,

#script{
    position : absolute;
    top : 0px;
    left: 168px;
    z-index: 1;
    margin-right: 0cm;
    background-image: url(images/test.gif);
    background-repeat: repeat-x;
    width: 1500px;
    height: 139px;
}

DIeses <div> ist 1500px breit; deswegen erscheint ein Scrollbalken. Laß die Breite weg.

Auf der linken Seite funktioniert das Ganze, da ich hier das Hintergrundbild über den ganzen body laufen lasse.

Das machst Du oben genauso.

Gruß
Vaclav