img in div

[Osiris]

Hallo.

Problemstellung:
1.Ein Bild soll in einem <div> platziert werden.
2.Für das Bild liegen keine Breiten- oder Höhenangaben vor, es soll in nativer Auflösung dargestellt werden.
3.Das <div> soll sich in Breite un Höhe dem Bild anpassen +/- Padding, margin.

Dazu mein Code (stark vereinfacht):
<div id="inhalt">
    <img src="irgendein_bild"/>
</div>

Stylesheet:

html, body {
    background-color: #363636;
    text-align: center;
    }
html {
    overflow: scroll;
    }
#inhalt {
    margin: 10px;
    background-color: #E6E6E6;
    padding: 10px;
    }
#inhalt img {
    display: block;
    }

[ChrisB]

Hi,

Problemstellung:

Nein, das ist hoechstens die Aufgabenstellung.
Wo liegt dein *Problem*?

1.Ein Bild soll in einem <div> platziert werden.

Easy, hm?

2.Für das Bild liegen keine Breiten- oder Höhenangaben vor, es soll in nativer Auflösung dargestellt werden.

Auch easy.

3.Das <div> soll sich in Breite un Höhe dem Bild anpassen +/- Padding, margin.

Dann muesste es ja inline dargestellt werden, absolut positioniert sein, oder gefloatet - sonst nimmt es ja auf jeden Fall die volle zur Verfuegung stehende Breite ein.

Was davon hast du probiert?

MfG ChrisB