mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.05.2017 16:43 Benutzername: Passwort: Auto-Login

Thema: Bild Container immer voll ausfüllen vom 19.05.2017


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bild Container immer voll ausfüllen
Autor Nachricht
Schmitty
Threadersteller

Dabei seit: 24.06.2013
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Fr 19.05.2017 11:45
Titel

Bild Container immer voll ausfüllen

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen!

Ich habe einen Container (DIV) mit einer festen Höhe über die gesamte Browserbreite, also width 100%. In diesem befindet sich ein Bild (Querformat, kein Hintergrundbild), welches sich immer über die gesamte Breite erstrecken soll. Allerdings soll dieses auch immer den gesamten Container ausfüllen, aber nicht gestaucht werden, wenn das DIV kleiner wird.

Ich hoffe, ich hab das halbwegs verständlich erklärt. Leider klappt das nicht so, wie ich mir das vorstellen. Habt Ihr eine Idee? Danke!
  View user's profile Private Nachricht senden
Morgo

Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 32
Geschlecht: Männlich
Verfasst Fr 19.05.2017 12:33
Titel

Antworten mit Zitat Zum Seitenanfang

Sowas in die Richtung: https://codepen.io/anon/pen/ZKqRBP

Allerdings würde ich eher empfehlen, ein Hintergrundbild zu setzen und auf background-size: cover zu stellen, das ist der gleiche Effekt.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
hadouken

Dabei seit: 07.11.2015
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 19.05.2017 20:41
Titel

Antworten mit Zitat Zum Seitenanfang

Das stimmt nicht.
background-size: cover staucht das Bild.
Das Äquivalent dafür wäre object-fit: cover, benötigt aber einen Polyfill für alle IEs.

Aber der TE möchte ja nicht, dass gestaucht wird. Da ist deine Lösung viel passender, finde ich.
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS: Bild soll horizontal immer alles ausfüllen
CSS: Container im Container Vertikal zentrieren
Variabler Div-Container bis zum mittigen Div-Container
DIV-Container soll anderen DIV-Container verdrängen
DIV Container bei Mouseover über DIV Container anzeigen
Mit C# Formularfelder ausfüllen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.