✔ Problem mit der Darstellung bei anderer Monitorgröße

[Merbi]

Hallo,

habe ein Problem mit der Aursichtung eines DIv.
Auf der Seite habe ich ein Hintergrundbild.

body {
	background-attachment: scroll;
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	background-color: #000000;
	background-position: center top;
}

Dadrüber liegt der Inhalt mit einem Halbtransparentem PNG als background-image.
Nur weiß ich nicht wie ich es hinbekomme das der Inhalt Container genau Mittig der Seite über dem Bild liegt.
Wenn ich die Ausrichtung mit margin regle wird der Inhalt bei einem Widescreen Bildschirm ganz anders positioniert.

Hoffe ihr könnt mir da weiterhelfen.

LG Daniel

 

[Maik]

Hi,

den CSS-Code bzw. das Seitenkonzept mit dem darüberliegenden halbtransparenten PNG hab ich erst gestern Abend auf dem Tisch liegen gehabt (siehe Problem mit Scrollbar und durchsichtigem PNG), und wenn ich mir deinen Thread Background-images wechseln im JS-Board anschaue, bin ich mir sicher, dass hier von http://wdep.wd.funpic.de/ die Rede ist, da sich der Script-Code zum Tauschen des Hintergrundbildes im Quellcode der genannten Seite wiederfindet.

Das DIV #main lässt sich unabhängig von der Bildschirmauflösung folgendermaßen im Viewport horizontal zentrieren:

#main {
        margin-top: 10px;
        /*margin-left: 100px;*/ /* auskommentiert = deaktiviert */
        margin-left:auto;
        margin-right:auto;
        width: 800px;
        height: 580px;
	background-repeat: repeat;
	background-attachment: inherit;
}

 

[Merbi]

Ja das stimmt schon das es sich um die Seite handelt.

Ein Freund hatte diesbezüglich schonmal etwas gefragt.

Viele Dank Daniel