Tja ,Chrome doet het m.i. goed, Internet explorer en Firefox niet.
Wens:Ik wil de afbeelding responsive maken. Hij moet een maximale hoogte hebben van 300px; Als de view kleiner wordt gemaakt moet de hoogte en de breedte kleiner worden.Als deze groter wordt mag de afbeelding niet groter worden dan 300px.
Situatie nu: IE en Firefox maken de afbeelding groter dan 300px, Chrome niet.
Heeft iemand een idee hoe dit voor alle browsers goed te laten werken?
Ook Chrome maakt hem groter dan 300px. Dat is namelijk ook precies wat jij in de styles beschrijft :)
Je hebt een .full_img die een max-height heeft van 300px. Hij heeft dus geen echte hoogte, hij heeft alleen een maximale hoogte.
De img die in deze .full_img zit heeft een max-height van 100%. Aangezien de hoogte van .full_img niet bekent is wordt dit 100% van het parent element van .full_img, wat in dit geval dus gewoon de complete pagina is.
De oplossing zit hem dus in om .full_img een specifieke hoogte mee te geven en dus max-height:300xp; te veranderen naar height:300px.
Hoi Wouter, heb je toevallig getest met Chrome? Hij blijft altijd 300px hoor als ik de view groter maak i.t.t. IE en Firefox.
Als ik .full_img een hoogte meegeef van 300px dan blijft deze container dus ook 300px. Dit wil ik niet, want als ik onder de afbeelding nog tekst wil zetten dan komt er veel ruimte tussen de tekst en de afbeelding als ik de view kleiner maak.
