zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hintergrundbild "wirklich" zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.02.2018, 00:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.02.2018
Beiträge: 2
Maggs67 befindet sich auf einem aufstrebenden Ast
Standard Hintergrundbild "wirklich" zentrieren

Hallo @ all,

seit langem plagt mich ein Problem, welches ich mal so beschreibe:

Ich habe ein Bild (Bsp.-Format 1920pxx1080px), das ich auf einer Website als Intergundbild haben möchte. Es stellt in der Mitte (rein hypothetisch) einen Ball dar. Dieser Ball ist rund und soll es auch bleiben; und zwar egal, mit welcher Auflösung er betrachtet wird. Daß der Ball bei sich ändernder Auflösung in der Größe ändert, ist mir klar. Er soll nur in der Mitte bleiben. Es müssten also bei geringerer Ausflösung die Seitenränder beschnitten werden... Das wäre mir dann wurscht.

Sieht jemand eine Möglichkeit, meinem Problem zu Leibe zu rücken? Für Hilfe danke ich im voraus.

Greez aus dem Schwabenland
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.02.2018, 10:16
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Dafür kannst du doch background-position: center verwenden? Auch in kombination mit background-size: cover.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.02.2018, 08:22
Benutzerbild von basti1012
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 23.01.2018
Beiträge: 184
basti1012 befindet sich auf einem aufstrebenden Ast
Standard

oder du packst dein Hintergrund Bild in einen div Container. Dann läst sich das wunderbar reponsiv machen . Hintergrundsbider sind immer schwer reponsiv zu machen. Aber als <img> geht es bestens . Ein beispiel https://jsfiddle.net/basti1012/7ggd0ggb/62/show/
Mit Zitat antworten
  #4 (permalink)  
Alt 16.02.2018, 11:12
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von basti1012 Beitrag anzeigen
oder du packst dein Hintergrund Bild in einen div Container. Dann läst sich das wunderbar reponsiv machen . Hintergrundsbider sind immer schwer reponsiv zu machen. Aber als <img> geht es bestens . Ein beispiel https://jsfiddle.net/basti1012/7ggd0ggb/62/show/
Nein, ein Hintergrundbild lässt sich ganz einfach responsiv machen. Ein Hintergrundbild soll auch nicht als Bild eingebunden werden. Warum sagt schon der Name: Ein Bild ist ein image, ein Hintergrundbild ist ein background-image. Beide haben unterschiedliche Funktionen, so soll ein Hintergrundbild wirklich nur ein Hintergrundbild sein. Sonst wäre es ein für den Inhalt wichtiges Bild.
Mit Zitat antworten
  #5 (permalink)  
Alt 02.03.2018, 15:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.02.2018
Beiträge: 2
Maggs67 befindet sich auf einem aufstrebenden Ast
Standard

Hallo cloned,

ich denke, mit Deiner Variante bin ich ganz glücklich. Zu meiner Schande muss ich gestehen, daß ich erst vor kurzem mit css angefangen habe, aber dafür umso mehr begeistert bin.

Danke für die Tipps 😏
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hintergrundbild zentrieren - soll nicht mitwachsen bei Auflösungsänderung koenigin_lucy CSS 4 29.11.2011 14:01
Hintergrundbild vertikal UND horizontal zentrieren? yggdrasil CSS 3 06.07.2008 11:19
Hintergrundbild speziell zentrieren opa-rudi CSS 3 30.10.2007 00:12
Navi über hintergrundbild zentrieren tifi CSS 0 01.12.2006 12:34
Hintergrundbild zentrieren Jojo91 CSS 2 25.01.2006 22:09


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:16 Uhr.