[svenner90]

Moin.

	<div class="oben">
	<img src="Userbereich-Dateien/stundenplanvgl1_01.png" alt="" width="754" height="44" style="float:left;">
	<img src="Userbereich-Dateien/stundenplanvgl1_02.png" alt="" width="46" height="44" style="float:right;">
	</div>

Das eine Bild ist links, das andere ganz rechts.
Nun möchte ich aber ein einfaches schwarzes bild in der Mitte als Hintergrund haben.

Ich habe es einfach mit

.oben {
	background-image:url(Userbereich-Dateien/BG_oben.png);
	background-repeat:repeat;
	background-position:top center;
	 }

versucht.
Klappt aber nicht.
Wie bekomm ich das richtig hin?

[Gitarremann]

Zitat (svenner90: 09.09.2008, 16:20)

Moin.

	<div class="oben">
	<img src="Userbereich-Dateien/stundenplanvgl1_01.png" alt="" width="754" height="44" style="float:left;">
	<img src="Userbereich-Dateien/stundenplanvgl1_02.png" alt="" width="46" height="44" style="float:right;">
	</div>

Das eine Bild ist links, das andere ganz rechts.
Nun möchte ich aber ein einfaches schwarzes bild in der Mitte als Hintergrund haben.

Ich habe es einfach mit

.oben {
	background-image:url(Userbereich-Dateien/BG_oben.png);
	background-repeat:repeat;
	background-position:top center;
	 }

versucht.
Klappt aber nicht.
Wie bekomm ich das richtig hin?

Gib mal den Pfad zum Bild von der CSS-Datei aus an. Daran liegt es meist oder mach doch den Hintergrund des Div-Containers mit Farbe schwarz, statt mit einem schwarzen Bild.
Also wenn in einem Verzeichnis ein Ordner CSS und ein Ordner Bilder ist, wo die jeweiligen Dateien drin sind, dann von der css-Datei erstmal in den übergeordneten Ordner ../ und dann erst in den Bilderordner - also "../Bilder/bild.png" als Pfadangabe in der css-Datei. Ich kenn jetzt nur deine Ordnerstruktur nicht.

Dieser Beitrag wurde von Gitarremann bearbeitet: 09. September 2008 - 15:30

[svenner90]

Pfad ist genau der selbe,
mit Backgroundcolor hab ich das auch schon versucht - klappt leider nicht.

Das klappt immer nur, wenn irgendetwas über dem Hintergrund ist, also ein Text o.ä.

[Diewie]

Das div hat keine Höhe, da die Bilder ja darüber floaten. Die einfachste Lösung ist, du fügst bei .oben einfach noch eine Höhe hinzu:

height: 44px;

Für neuere Browser kann man auch mit :after diesen Effekt vermeiden:

.oben:after { 
	content: '';
	display: block; 
	clear: both; 
}

Grüße,
Stefan

[svenner90]

Perfekt, danke!

[svenner90]

Hab ein neues Problem!

Unten hab ich noch ein Hintergrundbild hinzugefügt.
Wie bekomm ich das hin, dass es absolut unten am Rand es Browsers liegt?

.unten {
	background-image:url(Userbereich-Dateien/BG_unten.png);
	background-repeat:repeat;
	background-position:bottom left;
	height: 114px;
	 }

[Diewie]

Absolut ist hierbei schon das Stichwort
Die einfachste Methode ist, wenn du folgendes zur Klasse unten hinzufügst:

	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;

Grüße,
Stefan

[svenner90]

Hi.
So passiert es aber, dass, wenn der Main-Part nicht ganz bis unten, zum Rand des Browsers, reicht, der "unten"-Teil nicht wirklich ganz unten am Rand des Browsers ist.

Der "unten"-Teil soll halt immer am unteren Rand des Browsers sein, auch wenn z.B. der Text länger als eine Seite ist.