zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Skalierung von background-grafik in Chrome

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.03.2018, 10:26
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Standard Skalierung von background-grafik in Chrome

hi zusammen,

ich habe folgenden CSS-Code definiert:
Code:
.backpic-schule {
   background-image: url('/files/content/grafiken/schule.jpg');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: 50% 50%;
   background-attachment: fixed !important;
   padding: 5% 0;
}
Mit der Skalierung in Firefox, was die background Grafik betrifft, bin soweit zufrieden. Allerdings wird trotz contain in Chrome die background-grafik nicht vollständig angezeigt.
Hat da jemand einen Tipp für mich, wie ich das noch optimieren könnte?
hier der link: Uli Wieland Mittelschule Vöhringen - Leitbild unserer Schule
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.03.2018, 10:34
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

Ich kann auf den ersten Blick keine Unterschiede zwischen FF und Chrome feststellen. Hast du da ein Beispielbild?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.03.2018, 10:38
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Standard

schau mal auf den screenshot
Angehängte Grafiken
Dateityp: jpg Unbenannt.JPG (238,0 KB, 13x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 27.03.2018, 11:36
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Die Seite wird in beiden Browsern gleich angezeigt.

Du verwendest HTML sowie Bootstrap ohne hinreichende Grundkenntnisse. Das wird erfahrungsgemäß nichts.

Zu den Grundkenntnissen gehört Einheiten sinnvoll anzuwenden. Du jedoch willst bestimmte Effekte erreichen und verwendest Einheiten so, dass sie deiner Ansicht nach passen sollten. Das Verhalten von Elementen auf bestimmte Einheiten ist jedoch genau bestimmt und geht nicht danach, was du erreichen willst.

Das Verhalten der Hintergrundbilder mit cover ist auch vollkommen normal. Mit cover füllt das Hintergrundbild das gesamte Element aus und wird je nach Darstellung in der Höhe oder Breite beschnitten.

Die unterschiedliche Darstellung in den beiden Bildern rührt daher, dass du Äpfel mit Birnen vergleichst. In deinem Fall ist die Skalierung (Zoom-Faktor) der beiden Browser unterschiedlich. Dadurch wird das Hintergrundbild natürlich unterschiedlich angezeigt. Mit den Browsern hat das überhaupt nichts zu tun.

Gruss

MrMurphy
Mit Zitat antworten
  #5 (permalink)  
Alt 27.03.2018, 11:44
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Standard

sorry. aber ich setze contain ein!
Mit Zitat antworten
  #6 (permalink)  
Alt 27.03.2018, 12:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Richtig. Da habe ich mich auch durch deine Einheitenverwendung irritieren lassen. Dadurch wird die Hintergrundgrafik vermeintlich wie bei cover abgeschnitten.

Gruss

MrMurphy
Mit Zitat antworten
  #7 (permalink)  
Alt 27.03.2018, 12:06
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für deinen Beitrag. Aber was würdest du mir den bezüglich der Einheiten empfehlen?
Für einen Tipp wäre ich dir sehr dankbar.
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
Navigation positionieren maybebabe CSS 4 08.04.2013 23:17
Ausrichtung Kalender greece4u CSS 20 14.05.2012 14:32
Inline Listenelement wird nicht richtig im background befüllt SteveB CSS 3 28.04.2011 21:41
Float-Reihenfolge? wolf1985 CSS 0 21.08.2008 02:35
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 16:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:59 Uhr.