Hi,
ich möchte ein Bild dynamisch in einer div so zentrieren, dass die Bildbreite immer der Breite des divs entspricht, welche ja immer 60% der Websitenbreite entspricht. Die Bildhöhe soll sich dabei immer dynamisch anpassen. und durch Hidden nicht angezeigt werden.
Eigentlich sollte das einfach sein, aber irgendwie funktioniert das so nicht, wie ich das will... möchte das eigentlich so gut es geht in CSS lösen.
Weiß nicht genau, was ich jetzt dem Bild sagen muss, damit es das tut, was ich möchte.
HTML:
Code
div id="div_pic01" style="overflow: hidden; width: 60%; height: 200px">
<a href="www.google.de"> <img id="pic01" src="1.jpg" alt="alternativer_text"/> </a>
</div>
CSS:
Gruß,
Kickflip