mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 09:29 Benutzername: Passwort: Auto-Login

Thema: div über ganze seite mit hintergrundbild das sich wiederholt vom 04.10.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> div über ganze seite mit hintergrundbild das sich wiederholt
Autor Nachricht
CreSd
Threadersteller

Dabei seit: 04.10.2011
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 04.10.2011 14:06
Titel

div über ganze seite mit hintergrundbild das sich wiederholt

Antworten mit Zitat Zum Seitenanfang

Hallo,

bin leider sehr ab verzweifeln.

ich möchte ein div erstellen, das so groß ist wie die seite (100%). je nachdem wie groß das browserfenster ist, soll sich der hintergrund vertikal wiederholen.

kann mir jemand helfen?




Zuletzt bearbeitet von CreSd am Di 04.10.2011 14:08, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
masterpics

Dabei seit: 30.11.2009
Ort: Spaichingen
Alter: 43
Geschlecht: Männlich
Verfasst Di 04.10.2011 14:41
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo das ist recht einfach
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
#hintergrund {
   position:absolute;
   top:0px;
   left:0px;
   width:100% !important;
   height:100%!important;
   background-image:url("http://img849.imageshack.us/img849/2991/hpdesignkopie.jpg");
   background-repeat:repeat-x;
}
</style>
</head>

<body>
<div id="hintergrund"></div>
</body>
</html>

ein repeat-y wäre horizontal und nur repeat wäre beides[/code]
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Di 04.10.2011 14:55
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn sich nur die beiden Streifen nach unten hin wiederholen sollen, würde ich das anders lösen: Streifen-Bild als Hintergrund vom Body festlegen und dort top center und repeat-y. Den Totenschädel dann mit einem div, das die Breite vom Totenschädel hat und zentriert ist (Höhe ebenfalls wie der Schädel). Könnte man evt. auch über Hintergrundbilder von html- und body-Element lösen, dann sparste dir sogar noch ein div.

Falls du dich für die Lösung von masterpics entscheiden solltest, denk dran auch noch dem html ne height: 100% zu verpassen.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Tabellen-Hintergrundbild wiederholt sich nicht?
hintergrundbild für seite wird im ie nicht angezeigt
TD-Style wiederholt sich nicht
Content wiederholt ersetzen mit Variable
[css html --> Problem] Das Ende wird im ie6 wiederholt
HIntergrundbild mit css
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


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.