the FIGURE element is only recogised by browsers that have an HTML5 built-in interpreter. Older browsers, such as IE8, do not have this interpreter.
But do not despair, if you include a bit of JS, you can overcome this problem. Have a look at step 3 in this article http://net.tutsplus.com/tutorials/html-css-techniques/how-to-make-all-browsers-render-html 5-mark-up-correctly-even-ie6/
there is no other way than this you refer, eg use divs to built a figure element, but not use figure?
if you read the referred tutorial, this is a js file to include or is more work?
Insert the following line just above the end HEAD tag (</head>) on line 77 of your document.
<!--[if lte IE 8]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
It should then work.
<link rel="stylesheet" href="../css/3col-responsive.css" media="screen" /> <!--[if (lt IE 9) & (!IEMobile)]> <link rel="stylesheet" href="../css/3col-responsive-ie-old.css" />
<![endif]--> <link rel="stylesheet" href="../css/3col-responsive-print.css" media="print" /><link href="../css/css_all.css" rel="stylesheet" type="text/css" />
this is correct? better include and print css 3col-responsive-print.css inside <!--[if (lt IE 9) & (!IEMobile)]>...last line inside...?
i will check if work in ie6-ie8 soon although i uploaded code... i mean the gallery.html and figure element...
I don't think that you will find many mobiles using <IE9
include and print.css for print from ie6-ie8 ... that's correct?
can you tell in all pages for ie6-ie8 only, appear scroll due overflow:auto(container of main area - editable region), otherwise content overlap footer what to do for main area aka editable region for not appear scroll, not overlap footer, but content fits all area needs and non editable region wraps this appropriatelly?
like in chrome.... no scroll , neither overlap footer...