[gelöst] CSS Background Porblem

Jam00

Moin,

Hier kann doch bestimm jemand CSS oder?

Ich habe ein Problem und zwar wollte ich nur zum Üben eine Webseite mit einem Background-Image Zentriert ausrichten mit noch einem kleinen Bild, das immer an der richtigen Stelle sein soll, nähmlich am Rande des weißen, was im Backgroundimage ist. Hat auch alles super Funktioniert, nur habe ich dann gemerkt das wenn das Browserfenster kleiner wird als das Hintergrundimage es von Links einfach Abgeschnitten wird
Das wollte ich aber nicht, denn ich möchte das immer ein Kleiner Rand bleibt. Ich Probiere jetzt schon seit gestern und die ganze Nacht lang, aber ich habe keine Lösung gefunden. Ich habe die Webseite hier hochgeladen und nochmal ein Bild zu verdeutlichung gemacht was ungefair immer zu sehen sein soll auch wenn das Fenster kleiner wird (der Ramen den ich gezeichnet habe).

Danke im Voraus

MatthiasG.

Probier es mal mit

Code

html, body {width: 1000px}

Das sollte funktionieren, es erscheinen bei Verkleinerung (zumindest in Chrome / Firefox / Opera) Scrollbars, sobald das Fenster kleiner als 1000px wird.

Jam00

Dann ist der Hintergrund aber nichtmehr Zentriert

MatthiasG.

Ungetestet, aber versuche es mal mit

Code

body{width: 1000px; position: relative; left: 50%; margin-left: -500px}
html{width: 100%}

Vielleicht solltest du auch mal mit overflow: auto experimentieren?

Gruß,
Matthias

Jam00

Hmm tuts leider immer noch nicht
Kann ich dich vllt. mal in ICQ oder Skype adden? Dann könnten wa mal schreiben, geht nen bischen schneller als hier^^

MatthiasG.

Sehr gerne,

mein Skype-Name steht auf meinem Profil, ich komme heute aber leider nicht mehr dazu...

Gruß,
Matthias

MatthiasG.

Damit das auch bei dir in den Abonnements als neuer Beitrag erscheint, ausnahmsweise ein Doppelpost (Gott, bzw. Pee, möge es verzeihen! *wegduck*).

Schau dir mal das hier an: http://neontrauma.de/xhtml-css/hori…-div-layout.php Das zentrierte div hat die Eigenschaft, die du möchtest.

Edit: Vermutlich verursacht das Margin den gewünschten Effekt?

Gruß,
Matthias

Jam00

Bisher habe ich auch damit es nicht hinbekommen allerdings habe ich damit auch noch nicht viel Probiert, da ich keine Zeit mehr habe ich bin ab heute weg und komme erst in einer Woche wieder. Wenn jemand noch direct eine lösung findet kann er troz gerne gucken ich weiß ich ob ich da hinten einen PC habe^^

DJ_Deagle

Servus

Hier hab ich ne "alternative" für dich, da wird das Bilöd nie von links abgeschnitten

PHP

<html>
<head>
	<title>Text</title>
	<style type="text/css">
	body { 
		background-color: #FF0000;
		margin: 0px 0px 0px 0px;
	}
	div#d1 {
		background-image: url('images/BG.jpg');
		background-repeat: y-repeat;
		width: 760px;
		height: 100%;
		margin: 0px auto 0px auto;
	}
	img#test {
		margin-left: 20px;
	}
	</style>
</head>
<body>
	<div id="d1">
		<img src="images/Branding.jpg" id="test">
	</div>
</body>
</html>

Alles anzeigen

Hochgeladen ists hier: http://djdeagle.de.gg/design/hpx

Jam00

Du bist ein Held

Super genau was ich wollte danke danke

Damit ist das Thema wohl gelöst

Ich guck mir jetzt nochmal alles genau an um es zu verstehen!

DJ_Deagle

Gerne

Wenn was is kannste mich gern in Skype oder ICQ fragen