here I have a gallery but in Chrome or other modern browse like ie9+/firefox/opera/safari appear OK, in ie8 is a mesh... I have a special css for
browsers<=ie8, but NOT know how handle figure element in old browsers, well?
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-html5-mark-up-correctly-even-ie6/
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" />|
|<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...
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...