mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 10:02 Benutzername: Passwort: Auto-Login

Thema: 2 Hintergrundbilder in CSS einfügen vom 27.02.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> 2 Hintergrundbilder in CSS einfügen
Autor Nachricht
eyJey
Threadersteller

Dabei seit: 27.02.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 27.02.2010 18:12
Titel

2 Hintergrundbilder in CSS einfügen

Antworten mit Zitat Zum Seitenanfang

Hallo Leute,

ich mache mir gerade eine Seite mit CSS. Jetzt habe ich ein Hintergrundbild, was gekachelt wird. Ich möchte jedoch auch gerne über dem Fussbereich ein zweites Hintergrundbild eingefügt haben, was nicht gekachelt wird. Es soll nur am unteren rechten Rand sitzen.

Aufgebaut es es ganz einfach.

Kopfbereich
Textbereich
Fussbereich
.

Hoffe ihr habt ne Idee.

Danke
  View user's profile Private Nachricht senden
Zim

Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: Männlich
Verfasst Sa 27.02.2010 18:28
Titel

Antworten mit Zitat Zum Seitenanfang

…dem Fußbereichs div (oder was du da auch immer hast) ein hinterdrundbild zuweisen?

Div und Bild in CSS entsprechend positionieren.

background-repeat:no-repeat;
  View user's profile Private Nachricht senden
Anzeige
Anzeige
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Sa 27.02.2010 18:30
Titel

Antworten mit Zitat Zum Seitenanfang

geht nicht mit css2. (damit meine ich 2 hintergrund bilder für ein element)

du könntest allerdings "html" und "body" verwenden um 2 verschiedene bgimages in den background zu setzen.
Code:

html {
   background-image: url(bg_body.jpg);
   background-position: center top;
   background-repeat: no-repeat;
   background-color: #000000;
   height: 100%;
}
body {
   background-image: urlbg_footer.jpg);
   background-position: center bottom;
   background-repeat: no-repeat;
   height: 100%;
   position: relative;
}

html>body {
   min-height: 100%;
   height: auto;
}


so in etwa


Zuletzt bearbeitet von choise am Sa 27.02.2010 18:31, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
eyJey
Threadersteller

Dabei seit: 27.02.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 27.02.2010 18:58
Titel

Antworten mit Zitat Zum Seitenanfang

Hat geklappt.

Danke
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] 2 Hintergrundbilder?
Hintergrundbilder überblenden
CSS 2 Hintergrundbilder übereinander
Hintergrundbilder für Handys
IE 6 vergrößert hintergrundbilder ?
css 2 hintergrundbilder mit runden ecken
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.