Opened by pKai at 2005-10-03 01:38
User since
2005-02-18
357 Artikel
BenutzerIn
![[default_avatar]](/battie/theme/default/default_avatar.gif)
2005-02-18
357 Artikel
BenutzerIn
Ich habe folgendes HTML
Dadurch passt sich die Anzeige des Bildes an die jeweilige Größe des Fensters an.
Bei Beachtung von max-width aber nicht über die angegebene Breite (hier: 200px) hinaus.
Leider ignoriert der IE (6) max-width und lässt das Bild beliebig mit dem Browser-Fenster mitwachsen, was ich nicht möchte.
Welche Möglichkeiten habe ich den IE zu einem ähnlichen Verhalten wie max-width zu überreden?
Edit: fehlte ein [tt]</div>, was aber nichts am Ursprungsproblem ändert[/tt]\n\n
<!--EDIT|pKai|1128336008-->
Code: (dl
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<style type="text/css" media="screen">
#content
{
margin: 0 100px 0 100px;
padding: 1em;
background-color: yellow;
}
.stretch img {
width: 100%;
}
</style>
</head>
<body>
<div id="content">
<div class="stretch">
<img src="image.jpg" alt="" style="max-width:200px" />
</div>
</div>
</body>
</html>
Bei Beachtung von max-width aber nicht über die angegebene Breite (hier: 200px) hinaus.
Leider ignoriert der IE (6) max-width und lässt das Bild beliebig mit dem Browser-Fenster mitwachsen, was ich nicht möchte.
Welche Möglichkeiten habe ich den IE zu einem ähnlichen Verhalten wie max-width zu überreden?
Edit: fehlte ein [tt]</div>, was aber nichts am Ursprungsproblem ändert[/tt]\n\n
<!--EDIT|pKai|1128336008-->
I sense a soul in search of answers.