✔ Grafik skalieren

[hury]

Hi zusammen,

ich habe eine Grafik und möchte die skalieren.

Ich habs mit:

 #logo {
  	position: absolute;
	top: 100px;
	width: 800px;
	}

  img.scaled {
  	width: 100%
	}

	<div id="logo">
      <tr>
        <td><img class="scaled" src="logo.jpg" alt="" width="800" height="106" /></td>
      </tr>
	</div>

gemacht. Aber so skaliert das Bild nicht. Es liegt wahrscheinlich an der Beschränkung des div-kontainers auf 800px. Wenn ich dort eine %-Angabe mache skaliert es auch - kalr.

Mein Problem ist aber, dass ich nicht möchte, dass das Bild über 800px skaliert. Kann man das irgendwie umsetzen?

Gruss
Alex

 

[Maik]

Hi,

kannst du dein Vorhaben bitte etwas präziser formulieren, denn das Grafikelement wird bei mir auf 800px skaliert, sofern ich die width:100%-Deklaration aus der Klasse .scaled entferne, und geht auch nicht darüber hinaus.

 

[hury]

Hi,

ich möchte, dass die Grafik runterskaliert, wenn das Fenster verkleinert wird. Momentan bleibt es immer bei 800px.

Grüße
Alex

 

[Maik]

Das liegt dann einfach an der fixen Breitenangabe für das umschliessende DIV und das Grafikelement selbst.

 

[hury]

ja schon, aber wenn ich beim div-element die größenangabe in % mache, wird die grafik über 800px skaliert. Kann man irgendwie die max größe angeben?

 

[Maik]

Die modernen Browser unterstützen die max-width-Eigenschaft.

 

[hury]

das ist es!

danke!