Ich möchte in ein div ein Bild legen. Dieses div sollte aber flexibel sein und sich der Breite und Höhe des Bildes anpassen.
Stelle ich die width: auf px kommt nat. die angegebene Breite. Bei width:auto geht es über die
gesamte Monitorbreite. Wie kann ich die Breite abhängig zum innenliegenden Element machen ?
Danke
Stelle ich die width: auf px kommt nat. die angegebene Breite. Bei width:auto geht es über die
gesamte Monitorbreite. Wie kann ich die Breite abhängig zum innenliegenden Element machen ?
Danke
HTML:
<body>
<div class="pic-center">
<div class="pic-shadow2">
<div class="pic-shadow">
<a href="galerie-01.php"><img src="pictures/-01-01.jpg" alt= "" border="0" width="150" height="98" /> </a>
</div> <!--ende pic-shadow-->
<div class="pic-shadow2"> <!--ende pic-shadow2-->
</div>
</body>
Code:
.pic-center {
display:block;
width:700px;
}
.pic-shadow2 {
background: #C33;
}
.pic-shadow img {
margin:2px;
box-shadow:8px 8px 8px #666;
}
.pic-shadow img:hover {
box-shadow:0px 8px 8px #666;
}