Samuel Brynolf

{ Display: table } Hur display-table används för layout i RWD

Ibland behöver man positionera om ordningen på block mellan en större och mindre vy. Display: table; är ett sätt att göra detta på.

På NTH ligger egentligen navigeringen i footern eftersom sidan är byggd för mobile-first med åtanke att gamla mobiler inte klarar endel av de animeringar som sker med CSS3 eller javascript. Men jag använder inte display: table; utan absolut-positionering för att flytta navigeringen till toppen. Men det hade varit lite krångligare om navven behövde ligga på ett annat ställe än den gör, i NTH´s fall. Display: table; känns rimligt att möblera om block som ligger mellan footer och header.