zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild soll mit skalieren zu div

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.08.2012, 18:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2012
Beiträge: 6
julthetool befindet sich auf einem aufstrebenden Ast
Standard Bild soll mit skalieren zu div

Liebe Leute,

ich komme wieder mit einem klienen Layout Problem auf euch zu.

Ich habe oben einen fixen Header, links einen Contentbereich und rechts soll ein Bild den ganzen resltichen Screen ausfüllen.

Die Breite des Containers mit dem Bild berechne ich derzeit über 2 Zeilen Jquery (Bildschirmbreite - Contentbereich = Breite für Bild)

Das Bild ist nur als <img /> wegen unterschiedlicher Quellen möglich - responsive als Stichwort, also kein css background image leider.

Nun zum Problem:
Wie skaliert das Bild das in dem container liegt so mit dass der Container immer ausgefüllt ist?

Zur Veranschaulichung habe ich eine Grafik angehängt (und habe dafür die schönsten Farben ausgesucht ).

Vielen Dank für eure Hilfe im Vorraus.

Grüße
julthetool
Angehängte Grafiken
Dateityp: jpg konzept.jpg (19,5 KB, 15x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.08.2012, 19:39
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.823
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Wenn die Breite des orangen Elements bekannt ist, gib dem Bild darin die Breite 100%.
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.08.2012, 00:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2012
Beiträge: 6
julthetool befindet sich auf einem aufstrebenden Ast
Standard

ja das hatte ich bisher auch so. Nur hat es den Schönheitsfehler dass es beim Kleiner Skalieren das Bild "zusammen schiebt". Overflow:auto hilft leider auch recht wenig. Beim Größer machen bleibt das Seitenverhältnis allerdings erhalten...
Mit Zitat antworten
  #4 (permalink)  
Alt 30.08.2012, 18:03
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.823
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von julthetool Beitrag anzeigen
ja das hatte ich bisher auch so.
Warum sagst du das erst jetzt?

Für den nächsten Vorschlag muss auch die Höhe des Elternelements einen festen Wert besitzen.
Code:
min-width: 100%;min-height: 100%;
Zudem ist overflow: hidden; dann beim Elternelement sinnvoll.
Mit Zitat antworten
  #5 (permalink)  
Alt 30.08.2012, 21:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2012
Beiträge: 6
julthetool befindet sich auf einem aufstrebenden Ast
Standard

Das funktioniert perfekt. Danke!!
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
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Bild links vom DIV und außerhalb des Textflusses DoktorW CSS 6 21.03.2009 15:58
Bild in Div positionieren mit Position saschaopp CSS 2 28.01.2009 11:40
3Spalten DIV die Bild überlappen + gleiche Höhe Suess CSS 2 01.02.2008 16:24
text und bild in einem div NEBEN-einander..? Holger (HMR) CSS 6 04.02.2005 19:02


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:00 Uhr.