Bild proportional verkleinern

[niknaim]

Hallo,
wie kann ich ein Bild per CSS proportional verkleinern. Ich möchte also nur die Höhe angeben und der Rest soll automatsich mitverkleinert werden. Angeblich sollte sop gehen

.verkleinern{
height:100px;
}

Bei mir aber nicht. hat hier jemand eine Ahnung?

Gruss Niklas

 

[Programmier-Felix]

Ich seh da im Moment kein Fehler...

Kannst du vielleicht noch mehr Code von dir reinstellen?


EDIT: ich mach es eigentlich immer so:

<img src="bild.jpg" height="100"/>

wenn du es extern in eine css packen willst würde ich es so machen:

HTML:

<img src="bild.jpg" class="kleinesbild"/>

CSS:

.kleinesbild {
height:100px;
}

wenn das nicht klappt... dann beantworte diese frage: Welchen Browser benutzt du?

 

[vitus37]

Versuche noch eine prozentuale Breite anzugeben:

.verkleinern{
	height: 100px;
	width: 100%;
}

Gruß

 

[niknaim]

ich benutze den Firefox 3.6.17, aber im IE sollte es möglichst auch funktionieren.

hier mein Code:
<img src="bilder/fotos/5.jpg" width="600" height="900" class="unsichtbar">

Auch wenn ich die Grössenangaben wegnehme ändert sich nichts.

hier die Seite:
Niklas Zidarov

 

[niknaim]

leider bringt dies auch nichts. Hab mal die Seite online gestellt:
Niklas Zidarov

Gruss und danke schonmal Euch für die Mühe!

 

[Programmier-Felix]

doppel post??

naja... das fällt mir jetzt auch nichts mehr ein... eigentlich dürfte es funktionieren... ich schätze das kommt durch irgendeinen zusammenhang mit einem anderm code... das ist jetzt wohl eine sache für die erfahreneren benutzer dieses forums...

wenn mir noch was einfällt melde ich mich...

PS: ist das absicht das deine seite im IE nur schwarz ist?

 

[niknaim]

hab jetzt nochmal eine Seite gemacht nur mit dem Bild. Ist also nichts anderes mit drin, und es funtioniert wieder nicht...
Unbenanntes Dokument

im IE schwarz? immernoch?

 

[niknaim]

jetzt nochmal ein Doppelpost... und das mit gutem Grund:

ich habs, lag doch an den zusätzlichen Grössenangaben width="600" und height="900"

Danke!

 

[niknaim]

ich habs!
lag doch an der zusätzlichen Grössenangabe beim Bild selber.

Danke Euch!

 

[threadi]

Dadurch, dass Du das Bild künstlich auf eine andere Breite/Höhe bringst, tust Du deinen Besuchern keinen großen Gefallen. Bilder sollten immer die Größe haben wie sie auch eingebunden werden. Andernfalls muss der Besucher mehr Daten laden als nötig wären und der Browser des Besuchers muss die Aufgabe verarbeiten das Bild grafisch auf die angeforderte Größe zu bringen. Wenn Du das Bild auf eine bestimmte Größe bringen willst, generiere es z.B. über PHP entsprechend.

 

[PORTAL]

Hallo,
ich mahe es volgendermassen:
<igm src="..." class="bild">

.bild{
width:100%;
height:100%;
}

Die Prozentangaben etsprechend deiner Vorstellung anpassen. Ich finde es besser als mit festen Pixelgroessen zu arbeiten.