Anders är en webbutvecklare och hårdrockare som gillar brädspel, kaffe och öl.

Detta är ett arkiverat inlägg, som importerats hit för referens. Det kan se konstigt ut och innehålla utdaterad information eller inaktuella åsikter.

Byt plats på två HTML-element i vertikal riktning med CSS

Förra veckan publicerades Re-tabulate som visar hur två HTML-element kan byta plats i designen utan att dess HTML-ordning berörs, ett kärt problem sedan många år för oss webbutvecklare.

Detta är dock inte med någon trendig CSS3-lösning som presenterades i reflew, utan handlar snarare om CSS2 vilket alltså också innefattar IE8.

Jag har själv löst sådana problem med absolut och relativ positionering men känt att det inte riktigt håller då resultatet är svårt att hålla flexibelt. Denna lösning är dock mycket gedigen och värd att sprida ut till så många som möjligt. IE7 och IE6 berörs inte, men gäller det exemplen som berörs i artiklarna är detta något som skipplänkar kan agera god fallback för.

För att se detta i aktion, ta en titt på Exemplet i JSBin.