WinFuture-Forum.de: [css] Backgroundimage - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

[css] Backgroundimage


#1 Mitglied ist offline   svenner90 

  • Gruppe: aktive Mitglieder
  • Beiträge: 146
  • Beigetreten: 30. Dezember 06
  • Reputation: 0

geschrieben 09. September 2008 - 15: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?
0

Anzeige



#2 Mitglied ist offline   Gitarremann 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.263
  • Beigetreten: 04. Juni 06
  • Reputation: 3
  • Geschlecht:Männlich
  • Wohnort:Trebnitz

geschrieben 09. September 2008 - 15:26

Beitrag anzeigenZitat (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

Der Pessimist sagt: "Das Glas ist halb leer,"
Der Optimist sagt: "Das Glas ist halb voll."
Der Realist sagt: "Bedienung, zwei Neue!"
0

#3 Mitglied ist offline   svenner90 

  • Gruppe: aktive Mitglieder
  • Beiträge: 146
  • Beigetreten: 30. Dezember 06
  • Reputation: 0

geschrieben 09. September 2008 - 15:29

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.ä.
0

#4 Mitglied ist offline   Diewie 

  • Gruppe: aktive Mitglieder
  • Beiträge: 409
  • Beigetreten: 18. Juni 06
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Geisenhausen / München

geschrieben 09. September 2008 - 16:14

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
0

#5 Mitglied ist offline   svenner90 

  • Gruppe: aktive Mitglieder
  • Beiträge: 146
  • Beigetreten: 30. Dezember 06
  • Reputation: 0

geschrieben 09. September 2008 - 16:37

Perfekt, danke!
0

#6 Mitglied ist offline   svenner90 

  • Gruppe: aktive Mitglieder
  • Beiträge: 146
  • Beigetreten: 30. Dezember 06
  • Reputation: 0

geschrieben 09. September 2008 - 16:49

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;
	 }

0

#7 Mitglied ist offline   Diewie 

  • Gruppe: aktive Mitglieder
  • Beiträge: 409
  • Beigetreten: 18. Juni 06
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Geisenhausen / München

geschrieben 09. September 2008 - 17:21

Absolut ist hierbei schon das Stichwort :D
Die einfachste Methode ist, wenn du folgendes zur Klasse unten hinzufügst:
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;


Grüße,
Stefan
0

#8 Mitglied ist offline   svenner90 

  • Gruppe: aktive Mitglieder
  • Beiträge: 146
  • Beigetreten: 30. Dezember 06
  • Reputation: 0

geschrieben 10. September 2008 - 08:43

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.
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0