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:


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):


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!)

%d bloggers like this: