Formatierung mit media queries

[wonk]

Hallo,

mit CSS klappt zwar der Übergang von 1 zu 2, nicht aber mehr das weitere.

@media (min-width: 50em) { #text {height: auto;}
								   #bild {width: 400px; height: 180px; float:right}
								   }
		@media (max-width: 50em) { #text {height: auto;}
								   #bild {width: 100%; height: auto;}
								   }

Siehe meine Versuche unter Testseite. Der Umsprung auf die 3. Layoutversion beginnt bei zu großer Breite (mit em-Angabe nicht zu korrigieren), und die variable Bildbreite für die 4.Layoutversion passt auch nicht. Bin ein Layout-Dummy, habe mich bisher mehr mit dem Inhalt beschäftigt. Dank für Eure Bemühungen.

Gruss, wonk