Allwissendes Karmameerschweinchen!
Moinsen. Ich stehe gerade auf dem Schlauch...
Ich habe 2 figure Elemente in denen sich jeweils 1 img Element befindet. Die figure Elemente sollen zu 50% nebeneinander stehen, responsive / skalierbar sein und die Bilder sollen einen festen Abstand von einander haben und mit skalieren.
Hier mein derzeitiges Beispiel: http://jsfiddle.net/C967y/18/
Ich dachte mir, wenn ich dem figure Element 50% Breite und 10px Padding (Innenabstand) gebe, dass dann das img Element davon beeinflusst wird und sich bei 100% Breite um 10px verkleinert... tuts aber nicht, soll es aber... Ist das überhaupt möglich? Wo ist mein Denkfehler?
Edit: eine Lösung habe ich: http://jsfiddle.net/CgLn5/4/
Aber eine Erklärung für den beschriebenen Fehler suche ich trotzdem noch
VG
Ich habe 2 figure Elemente in denen sich jeweils 1 img Element befindet. Die figure Elemente sollen zu 50% nebeneinander stehen, responsive / skalierbar sein und die Bilder sollen einen festen Abstand von einander haben und mit skalieren.
Hier mein derzeitiges Beispiel: http://jsfiddle.net/C967y/18/
Ich dachte mir, wenn ich dem figure Element 50% Breite und 10px Padding (Innenabstand) gebe, dass dann das img Element davon beeinflusst wird und sich bei 100% Breite um 10px verkleinert... tuts aber nicht, soll es aber... Ist das überhaupt möglich? Wo ist mein Denkfehler?
Edit: eine Lösung habe ich: http://jsfiddle.net/CgLn5/4/
Aber eine Erklärung für den beschriebenen Fehler suche ich trotzdem noch
VG
Zuletzt bearbeitet: