image und overflow

[Stefan]

Hallo Zusammen. Folgender Code:

<div id="left">
<img src="./images/left.jpg" alt="">
</div>

wird formatiert mit:

#left {
margin-top:200px;
float:left;
overflow:hidden;
width: 113px;
}

Nun sollte es doch am Rand keinen Scrollbalken wegen overflow:hidden geben... es wird aber dennoch einer erstellt, weil das bild länger ist.
was muss ich ändern?

[Struppi]

<div id="left">
<img src="./images/left.jpg" alt="">
</div>

Hat das DIV einen Grund?

wird formatiert mit:

#left {
margin-top:200px;
float:left;
overflow:hidden;
width: 113px;
}

Nun sollte es doch am Rand keinen Scrollbalken wegen overflow:hidden geben... es wird aber dennoch einer erstellt, weil das bild länger ist.
was muss ich ändern?

Kann ich nicht nachvollziehen. Ich krieg mit dem Code, keinen Scrollbalken.
Beispielseite?

Struppi.

[Gernot Back]

Hallo Struppi,

<div id="left">
<img src="./images/left.jpg" alt="">
</div>

Hat das DIV einen Grund?

Ohne übergeordnetes Element, also mit width-Angabe, die dem IMG-Element direkt zugeordnet ist, würde das Bild ja entsprechend skaliert und nicht in seiner Originalgröße beschnitten.

Kann ich nicht nachvollziehen. Ich krieg mit dem Code, keinen Scrollbalken.

Kann ich mir eigentlich auch nicht denken, dass so etwas passiert. Das muss ein ziemlich ungewöhnlicher Browser sein, der bei diesem Code Scrollbalken am Bild zeigt.

Aber sei's drum, es gäbe da ja auch noch die Möglichkeit, das Bild mit clip zu beschneiden statt mit overflow:hídden.

Gruß Gernot