MOMA three level nav revision [LIVE]

MOMA web design stats:

  • fixed width at 1024 px
  • elastic height
  • elastic css background width accommodating size of user’s browser resolution
  • three column grid structure with consistent header and footer
  • linked to multiple external style sheets depending on page content
  • consistent main nav with spry  drop down menu on header
  • breadcrumb nav on top left header consistent on all pages except home
  • second level landing page has java script/flash image based navigation
  • specific tab color assigned to designated page
  • third level sub  and sub-sub pages has css java script sub navigation on the left side bar
  • consistent image and simple list nav on footer

The following path  demonstrates the MOMA nav design revision three levels deep:

[     HOME > EXPLORE > FILM > TIM BURTON > FEATURE FILMS    ]

MOMA home page nav design revision LIVE

MOMA home main nav

MOMA home page

Browser compatibility issues (check in Safari, Firefox, Internet Explorer 8, Chrome):

anime

works well

  • OK in Safari, Firefox and chrome. All nested divs and sprys align
  • Needs debugging in IE8 >readjust div top margin or padding  (more testing time needed to work -D@#! internet explorer!)

Advertisements
%d bloggers like this: