Hacer que un estilo en HTML5 se vea bien en explorer 6 y android

[franfrionina]

Hola arme una página en HTML5 y se ve bien en los diversos exploradores como Opera, Mozila, Crome, etc. Pero en internet explorer 6 no logro que se vean las propiedades de bordes curvos con sombras a un Section, y además se me descuadra el contenido. Lo mismo me sucede en Android, alguien puede ayudarme? Please...

El estilo que coloque es este

section
{
background: #FFF;
-webkit-border-background: #FFF;
-moz-border-background: #FFF;
-o-border-background: #FFF;
-ms-border-background: #FFF;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
-o-border-radius: 0.5em;
-ms-border-radius: 0.5em;
box-shadow: rgba(0,0,0,0.5) 0px 5px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 5px 10px;
-moz-border-radius: rgba(0,0,0,0.5) 0px 5px 10px;
-o-border-radius: rgba(0,0,0,0.5) 0px 5px 10px;
-ms-border-radius: rgba(0,0,0,0.5) 0px 5px 10px;
margin: 1em auto;
padding: 1em;
width: 862px;
}



Mil gracias

[DragonX]

IE6 no soporta CSS3 ni HTML5 por eso lo ves mal.

[matt_1985]

franfrionina , para el tema de internet explorer 6 te recomiendo utilizar HTML5 enabling Script, lo cual te permite utilizar las etiquetas semanticas dentro de IE 6 , 7 u 8 como si fueran divs normales , estilizables por CSS , sin este script las etiquetas son ignoradas por internet explorer , para utilizarlo debes incluir esta linea en el head de tu sitio

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Saludos espero te sirva .

[franfrionina]

Estimado matt_1985 muchas gracias, me sirvio, ahora si se ve muy bien. Eres un genio...

[franfrionina]

Perdona, ingrese desde mi celular y en Android se sigue viendo mal, de casualidad saber que puedo hacer para que se visualice bien?.... Mil gracias

[matt_1985]

La otra opción seria usar modernizr http://www.modernizr.com/ , además te recomiendo leer esta guia de los maestros del web http://mejorando.la/guia-html5/ es bastante buena e ilustrativa espero te sirva .

Saludos

[cvander]

Android está basado en webkit y soporta CSS3. Tienes algún URL para testearlo?

[franfrionina]

Hola cvander. Si mira lo arme en html 5 y css3. Revice el estilo y tiene webkit. Como en este ejemplo.

#contenido
{
width: 30%;
-webkit-width: 30%;
-moz-width: 30%;
-o-width: 30%;
-ms-width: 30%;
display: inline-block;
-webkit-display: inline-block;
-moz-display: inline-block;
-o-display: inline-block;
-ms-display: inline-block;
margin: 0%;
vertical-align: top;

}

Este es el link http://www.frioninastudios.com

Mil gracias.