CSS verkleinert das Bild so, dass es in das enthaltene Div passt, ohne die Originalgröße anzugeben
Ich möchte eine Website, auf der ich Bilder in verschiedenen Größen hochladen kann, um sie in einem JQuery-Schieberegler anzuzeigen. Ich kann nicht scheinen, das Bild in ein enthaltenes div zu passen (herunterskalieren). Hier ist, wie ich es vorhabe
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="Imtest.css"/>
</head>
<body>
<div id="wrapper">
<div id="im"><img src="Images/Scarpa2_1.jpg" /></div>
</div>
</body>
</html>
Und das CSS
#wrapper {
width: 400px;
height: 400px;
border: 2px black solid;
margin: auto;
}
#im {
max-width: 100%;
}
Ich habe versucht, die maximale Breite meines Bildes in CSS auf 100% zu setzen. Aber das geht nicht.