Bind vergrößert div

[Mo3b]

Hi,
ich arbeite grad an einem CMS. Dort kann ich mit einem Befehl Bilder einfügen. Wenn nun aber das Bild größer als das umschliessende div ist, so wird dieses vergrößert.
Ich möchte aber das das Bild runterskaliert wird. (Quali ist nicht so wichtig)

So sieht das div im Moment aus :

#content {
background-color:inherit;
color:#222222;
text-align:center;
width:66%;
}

Geht das überhaupt?

Mfg Mo3b

 

[Lenchen]

hast du dem img auch width=66% gegeben?

 

[Tar]

Das Herunterskalieren findet am Bild statt, der Container hat nichts damit zu tun.

Du könntest in der BB-Code-Funktion die Umsetzung des (ich vermute mal, so ist es gemacht? Wenn nicht, so ähnlich) in ein <img> noch mit den CSS-Attributen max-height und max-width ausstattet, oder du fügst es einfach in deiner CSS-Datei ein, und machst es für alle Bilder, die in einem Beitrag vorkommen, gültig (p#content img als Beispiel).

Eine andere Möglichkeit wäre das setzen von overflow:scroll bzw overflow:hidden. Dies zielt nicht darauf ab, das Bild zu skalieren, sondern den Container in seiner Größe zu behalten und das zu große Bild per Scrolleiste erreichbar zu machen bzw. den Teil, der zu groß ist, auszublenden.

Gruß,
Tar

 

[Efchen]

hast du dem img auch width=66% gegeben?

Womöglich eher width:100%, denn width bezieht sich auf die Breite des Elternelements. Wenn ein Image einen Container ausfüllen soll, dann muss es width:100% heißen. Dann kann die Größe des Containers variiert werden, die Größe des Bildes muss man dann nicht weiter anpassen.