Flex - Sticky Footer - no funciona en IE10 ni IE11

quico5 · #1 (**permalink**) 30/11/2014, 20:56

Tengo IE11 y emulando IE10, en cualquiera de los dos me falla Flex, en Chrome y Firefox funciona perfectamente, ¿hasta IE12 no habra un soporte definitivo de flex?

¿se puede hacer algo al respecto? gracias

Código HTML:

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8"/>
	<title>Document</title>
</head>
<style>
body {
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	min-height: 100vh;
	-ms-flex-direction:column;
	flex-direction: column;
}

main {
	-ms-flex: 1;
	flex: 1;
}
</style>
<body>
	<header>header</header>
	<main>main</main>
	<footer>footer</footer>
</body>
</html>

waltersele · #2 (**permalink**) 01/12/2014, 13:56

Hola quico!

aquí te dejo un link donde dicen y solo falla en el opera mini.

http://caniuse.com/#search=flex

No tengo IE para ayudarte...

Me gusta mucho flex, espero los navegadores se pongan las pilas... Un saludo!

quico5 · #3 (**permalink**) 01/12/2014, 20:01

Hola waltersele!

Llevo un par de semanas probando Flex, es genial, en Chrome y Firefox va perfecto, no se nota que aun tenga bugs en Chrome o Firefox, pero Internet explorer, en fin, en su versión 10 con prefijos esta muy inmaduro, y su versión 11 sin prefijos hay cosas básicas de layouts que rechaza, un ejemplo es usar flex para fijar el footer abajo si la pagina esta vacía, pues chrome y firefox lo hacen sin problema, por lo que he visto, opera lo hace mejor que internet explorer, hay que añadir que opera ha dejado su propio motor por el de webkit, el cual en teoría es una garantia

quico5 · #4 (**permalink**) 01/12/2014, 20:18

https://connect.microsoft.com/IE/fee...-10-11-preview

https://translate.google.es/translat...-text=&act=url