Gestaltung des Layouts mit display: und prozentangaben

[Bobo Boberg]

Wie man sieht versuche ich mit display: inline-block; einen Aussenbereich festzulegen in welchem sich wieder 2 inline-blöcke befinden. Nun möchte ich eigentlich, bis zu einem gewissen punkt wo ein @media screen (min-width) auslösen könnte, die Größe der inneren Blöcke durch Prozentangaben für breite und höhe festlegen.

Bei inline-Elementen, dazu gehört auch inline-block, kannst du die Höhe nur durch line-height festlegen, siehe https://www.w3.org/TR/CSS21/visuren.html#inline-boxes, https://www.w3.org/TR/CSS21/visudet.html#the-height-property und https://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced

Das Festlegen der Breite mit width funktioniert hingegen bei allen Elementen in deinem Beispiel, aber …

Ich finde dieses Verhalten nämlich äußerst seltsam da die outerfloating-box sich ohne probleme durch Prozentangaben steuern lässt.

… möglicherweise bist du beim Probieren durcheinandergeraten.