Probleem met centreren <main> en plaats <footer> in IE
Het gaat om www.harmonie-made.nl
- de <main> is in Chrome en Firefox netjes gecentreerd, in Internet Explorer niet...
- de <footer> blijft in Chrome en Firefox netjes onderaan, in Internet Explorer niet...
CSS <main>
Code (php)
1
main { width: 940px; margin: 0 auto 0 auto; padding-bottom: 70px; overflow: auto; text-align: left;}
CSS <footer>
Code (php)
1
footer {width: 100%; background: linear-gradient(#e4e4e4,#ffffff); border-top: 1px solid #ee0000; margin-top: -70px; height: 70px; clear: both; position: absolute; left: 0; bottom: 0; text-align: center;
Wat kan ik het beste aanpassen om het ook in Internet Explorer werkend te hebben?
Toevoeging op 04/06/2014 21:51:36:
Opgelost: IE ondersteunt de nieuwe HTML5 tag <main> nog niet.
Gewijzigd op 04/06/2014 21:34:34 door Ramon van Dongen
Ramon van Dongen op 04/06/2014 21:33:44:
IE ondersteunt de nieuwe HTML5 tag <main> nog niet.
Zo wel:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<script>
document.createElement('main');
document.createElement('footer');
</script>
<style>
main, footer {
display: block;
}
</style>
document.createElement('main');
document.createElement('footer');
</script>
<style>
main, footer {
display: block;
}
</style>
Gewijzigd op 06/06/2014 08:23:04 door Frank Conijn
