Autor |
Nachricht |
Kalle Bowo
Threadersteller
Dabei seit: 27.11.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 28.08.2009 09:30
Titel [HTML/CSS] Hintergrundbild erst ab Höhe X beginnen lassen |
 |
|
Hallo Leute,
nun hab ichs schon geschafft mein Hintergrundbild zentriert anzeigen und es sich nur vertikal wiederholen zu lassen. Nun hätte ich aber gern noch, dass das Hintergrundbild erst ab einer bestimmten Höhe beginnt.
Hier ein Beispiel
So hab ichs und so will ichs. Auf der 2. Seite hab ich natürlich getrickst, da liegt nur ein Bild überm Hintergrundbild. Aber prinzipiell sollte es so hinterher aussehen, dass das Hintergrundbild erst bei zB. 50px Höhe anfängt. Vielleicht gibts dafür ja auch irgend einen background-position-Code, den ich noch nicht auftreiben konnte.
Mein bisher verwendeter Code sieht so aus
Code: | body {
background-image: url(bilder/bg.png);
background-repeat: repeat-y;
background-position: center ;
} |
Dank euch
|
|
|
|
 |
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 43
Geschlecht:
|
|
|
|
 |
Anzeige
|
|
 |
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 43
Geschlecht:
|
Verfasst Fr 28.08.2009 09:55
Titel
|
 |
|
das wird so nicht funktionieren. repeat ab position x geht nicht sondern erstreckt sich immer über die komplette fläche eines elements.
du kannst das bild höchstens 2000px oder so hoch machen, es mit der o.g. angabe 50px nach unten versetzen und es auf no-repeat stellen.
Zuletzt bearbeitet von sahnemuh am Fr 28.08.2009 09:57, insgesamt 1-mal bearbeitet
|
|
|
|
 |
powdaer
Dabei seit: 20.11.2002
Ort: Regensburg
Alter: 40
Geschlecht:
|
Verfasst Fr 28.08.2009 10:40
Titel
|
 |
|
alternativ kannst du auch eine div-box integrieren, die 50px abstand nach oben hat und in der das hintergrundbild integrieren.
|
|
|
|
 |
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Fr 28.08.2009 10:42
Titel
|
 |
|
Oder etwas in dieser Richtung:
Code: | body {
background: url(bilder/bg.png) repeat-y center;
margin: 0;
}
div {
background-color: #FFFFFF;
height: 50px;
} |
Wobei du dem div natürlich noch eine id oder class zuweisen solltest, damit nicht alle difs weiß und 50px hoch sind.
z.B.:
Code: | ...
div.kopf {
background-color: #FFFFFF;
height: 50px;
} |
|
|
|
|
 |
buchstabensuppe
Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 41
Geschlecht:
|
Verfasst Fr 28.08.2009 11:05
Titel
|
 |
|
powdaer hat geschrieben: | alternativ kannst du auch eine div-box integrieren, die 50px abstand nach oben hat und in der das hintergrundbild integrieren. |
Aber diese hat doch dann keine Höhe von 100%.
Da würde ich lieber die Headline oben in einen DIV-Container setzen, diesen mit padding in der Höhe wie gewünscht anpassen und einen weißen Hintergrund wählen.
Oder sehe ich das falsch?
// EDIT:
Quasi so:
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body {
margin: 0;
padding: 0;
background: url('http://www.mariusmoerders.de/bg-test/bilder/bg.png') repeat-y center;
}
.Stil1 {
font-family: Arial, Helvetica, sans-serif;
background: #fff;
width: 692px;
padding: 10px 0;
}
</style>
</head>
<body>
<div align="center">
<div class="Stil1">Lorem ipsum dingenskirchen</div>
</div>
</body>
</html> |
Zuletzt bearbeitet von buchstabensuppe am Fr 28.08.2009 11:09, insgesamt 1-mal bearbeitet
|
|
|
|
 |
|
|
 |
Ähnliche Themen |
css - containerhöhe=höhe hintergrundbild
HTML code für Hintergrundbild
Suche HTML-Code für Hintergrundbild.
Hintergrundbild in HTML E-Mail geht nicht?
[CSS/HTML Probs] Container und 100% Höhe
HTML, Java, PHP? Tabellen - Zellen - Höhe
|
 |