Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Hintergrundbild - oberer Bereich leer
#1 Hintergrundbild - oberer Bereich leer
Hi
Ich habe ein Hintergrundbild (1921x1201) eingefügt.
Ich habe hier im Forum gesucht und einmal etwas gefunden was vielleicht hilft, aber den Beitrag finde ich jetzt nicht mehr.
Ich möchte das der Hintergrund sich nicht wiederholt. Was er aktuell auch nicht tut, dafür habe ich das eingegeben
body {
background-image:url("//files.homepagemodules.de/b855163/a_24_84e4c5a0.png");
background-repeat: no-repeat;
}
Aber die oberen paar cm sind jetzt einfach leer. Wie kann ich es schaffen dass das Bild ganz oben anfängt? Das wäre wichtig weil, ich habe vor auf der Seite des Bildes ein paar Figuren zu platzieren die sich nach unten bis zum Bildrand erstrecken. Dafür versuche ich grade herauszufinden wo das Hintergrundbild anfängt und wo es aufhört.
und das Bild sollte ganz oben beginnen und unten bündig aufhören.
Danke im Voraus
Edit: Ok ich habe verstanden dass, das Bild unten Bündig ist, aber es reicht nicht bis nach Oben?
Grösser darf ich aber nicht hochladen. Wenn es nach unten nicht reichen würde, wäre das weniger schlimm, wichtig ist mir grade nur, dass das Bild oben bündig ist. Wenn es möglich ist es unten auch hinzukriegen ohne das Bild zu verzerren: super, aber wenn nicht, wäre nicht so schlimm. Weil dort sowieso die Fusszeile ist.
body {
background-image:url("//files.homepagemodules.de/b855163/a_24_84e4c5a0.png");
background-repeat: no-repeat;
background-position: top left;
}
Du kannst das auf unterschiedliche Arten steuern:
https://developer.mozilla.org/en-US/docs...etiredLocale=de
Also z.B.
background-position: 100px left;
um das ganze linksbündig 100 Pixel von oben beginnen zu lassen.
#5 RE: Hintergrundbild - oberer Bereich leer
Vielen Dank, das teste ich später.
Ich hatte ein Beispiel bild gemacht und den Bereich hinter dem Header markiert.
Der Markierte Bereich ist hinter dem Header nicht sichtbar. Auf der Mobilen Ansicht am Handy jedoch schon, weil kein Header vorhanden/schmaler ist.
Wenn ich das runterschiebe, wird wahrscheinlich dafür auf der Mobilen Ansicht der obere Bereich leer sein. Gibt es eine Option um das zu vermeiden? So dass es in der mobilen Ansicht auch/trotzdem oben beginnt?
Sry ich lerne CSS grade erst.
#6 RE: Hintergrundbild - oberer Bereich leer
#7 RE: Hintergrundbild - oberer Bereich leer
Zitat von Knox im Beitrag #7
Aber wie befürchtet ist der obere Teil in der mobilen Ansicht leer
Du kannst diese Einstellung auf XXXS stellen, um den Header immer anzuzeigen.
Allerdings ist es nicht ganz einfach ein Hintergrundbild zu finden, das auf allen Endgeräten sinnvoll angezeigt werden kann.
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software