Übergroße Bilder und CSS

Guten Abend,

ich habe meine HTML-Seite jetzt mit einer externen CSS-Datei erweitert.
Aber bei meinem Div-Container “Inhalt” gehen die größeren Bilder über den Container hinaus. Dementsprechend auch kleinere, wenn ich das Browser-Fenster verkleinere. Max-width alleine zeigt bei mir keine Wirkung und in Kombination mit overflow:hidden werden die Bilden abgeschnitten. Einen Scroll-Balken durch overflow:scroll möchte ich nicht.
Gibt es eine Möglichkeit in CSS, oder auch HTML, eine Maximalweite für Bilder anzugeben?
Vielen Dank schon mal.

Gruß Elsner

Link:
elsner.bplaced.net/interessantes … phose.html

Auszug aus CSS:
html, body {background:url(hintergrund.jpg); background-attachment:fixed; padding:0px 10px 0px 10px;}
#navi {float:left; width:200px;}
#inhalt {margin-left:200px; margin-right:100px; padding:0px 20px 20px 20px; background-color:black;}
#rand_rechts {float:right; width:100px;}
#interessantes {max-width:90%; overflow:hidden;}

Auszug aud HTML:

Anamorphose

Anamorphose


...

naja, dafür verwendet man eigentlich einfach max-width, analog funktionieren ggf auch max-heigt, min-width und min-height.
Allerdings funktioniert das leider nicht im iexplorer < version 6, wenn ich mich recht erinnere, der 7er sollte es aber können.
Aber darauf bist du doch eigentlich schon selbst gekommen, oder?
So ganz verstehe ich also noch nicht was deine Frage ist. Willst du die max-width dynamisch, also in Abhängigkeit von der Breite des Browserfensters festlegen?
Hmm, da helfen dir vllt die relativen Längenangaben weiter, schau doch mal hier: http://www.css4you.de/einheiten.html

Ich glaube eher, dass sich “max-width” auf den Inhaltscontainer bezogen hat… :wink:

Man kann (und sollte) natürlich auch bei Bildern Größenangaben machen. In diesem Zusammenhang wäre es vorteilhaft, zumindest das selbe Bildformat (also beispielsweise Querformat, Seitenverhältnis 4:3) zu haben - ansonsten hilft nur die Angabe von Höhe und Breite in jedem IMG-tag.

Also beispielsweise<img src="bla.gif" alt="blubb" style="width:40ex; height:30ex;" />

Übrigens halte ich Sonderzeichen (+) in Pfadangaben resp. Verzeichnisnamen für problematisch.

#interessantes img
{
max-width: 90%;
height: auto;
}

Zumindest in diesem Falle, wo bei “bilder+grafiken” das Plus sicherlich als “und” gemeint ist, und damit vermutlich auch tatsächlich so im Verzeichnisnamen vorkommt.
(Als URL-kodiertes Leerzeichen wäre + ja noch praxistauglich.)

Guten Morgen,

vielen Dank für eure Bemühungen.

@Hoffmann: Mit deinem Tip hat es geklappt. Ich habe die Anweisungen vom Div-Container in den Img-Tag gepackt. Dies brachte mir den gewünschten Effekt.

@Chrisb: Ja, deine Vermutung ist richtig. Das “+” steht bei mir für “und” und der Ordner heißt auch so.

Danke nochmals.

Gruß Elsner