Divs proportional skalieren

[keul3]

Hi,

Ich habe eine div-Box, welche eine konkrete Breite und Höhe in Pixeln hat. Diese würde ich gerne prozental skalieren können, ohne dass dabei das Seitenverhältnis vernachlässigt wird.

Eigentlich dachte ich das sei ne leichte Augabe, aber iwie will das nicht klappen. Muss auch gestehn in CSS kenn ich mich nur oberflächlich aus
Notfalls würde ichs in JS hinbekommen, aber sowas sollte auch mit CSS allein gehn, aber ich weiß leider nicht wie

Ich hoffe ihr könnt mir weiterhelfen

mfg keule

 

[buerzel]

Sollte das nicht mit dem transform-Befehl gehen?

http://www.html-seminar.de/css3-transform-scale.htm

 

[keul3]

Ist nicht so ganz das was ich brauche, da ich nicht pauschal sagen kann um wieviel prozent die div-box scaliert werden muss damits die richtige Größe hat.
Beispiel: ich habe ein div-box mit 400x200px. Diese soll nun auf 90% des ParentElements skalieren. Brauche also noch einen Container mit den width: 90% und die Divbox müsste auf 100% werden, geht aber nicht da ich mit width schon die 400px bestimmt hab ... ich hoffe es wird klar was ich mein

 

[buerzel]

%-Angaben sind doch auch in CSS möglich:

 

[keul3]

ja, aber die Höhe soll ja entsprechend mit skaliert werden

Wichtig ist, dass das DIV bei mir in px-Dimensionen vorliegt. Bei Bilder funktioniert das quasi auch. Bilder haben von sich aus schon feste Ausmaße (naturalWidth/-Height). Wenn ich ein Bild mit width: ...% skaliere, wird nicht nur die Breite skaliert sondern auch die Breite, und das möchte ich praktisch auch für ein DIV

 

[Myhar]

Eventuell kannst du in CSS mit calc() die Höhe/Breite berechnen lassen. Und nein, ein DIV liegt nicht in px-Dimensionen vor, es ist eigentlich immer nur so hoch wie sein Inhalt. Außer du definierst eine fixe Höhe/Breite, das ist aber nicht wirklich zu empfehlen. Eines von beiden sollte frei sein, damit sich der Inhalt entsprechend anpassen kann. Worum geht es dir hier genau? Ich habe das Gefühl als ob es um die Galerie auf deiner Seite geht und du dort eine andere Anordnung haben willst. Eventuell lässt sich eine Lösung finden wenn man weiß was angefordert ist (die dann aber ohne deine fixen Größen auskommt).

 

[keul3]

Worum geht es dir hier genau?

Gallery eher weniger (die wird ja bereits komplett per Script generiert), ging mir generell um Platzhalter für ungeladene Bilder zum Beispiel. Habs jetzt via Script gelöst, dachte nur es ginge iwie mit CSS allein schneller.

 

[keul3]

Hab mir eben die calc-Function von CSS angeschaut, ist echt ne tolle Sache, zwar nicht für das hier gewünschte Anliegen von mir, aber ich hatte vorher den ein oder anderen Fall, wo calc echt praktisch gewesen wäre. Naja, nun weiß ich für die Zukunft bescheid, danke