Hi,
mir ist jetzt der Kern des Problems klar: inline-block Elemente werden "nach innen" (wie das der Name ja schon andeutet) als block-Elemente dargestellt, wodurch sie für Mediaqueries wie max-width: 50%; offensichtlich unempfänglich sind
Nein.
und die 50% der Bildschirmbreite per default darstellen, wohingegen float in diesem Fall gegen die 50% STREBT
Worauf sich Breitenangaben beziehen, kommt in erster Linie auf den Block Formatting Context an.
(diese aber, wie hier ja schon richtig bemerkt wurde, durch paddings / margins nie wirklich erreicht).
Auch wieder so nicht richtig.
Insofern scheinen mir inline-block-Elemente für responsive-Websites weniger gut geeignet (...oder?).
Oder.
Bitte korrigiert mich, sollte ich da einem Irrtum unterliegen.
Vielleicht fängst du besser mal mit ein bisschen Grundlagen an. Dieser Artikel ist hinsichtlich Floating recht umfangreich und erklärt eigentlich alles Wissenswerte:
SELFHTML Weblog: Grundlagen für Spaltenlayout mit CSS
MfG ChrisB
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?