Probleem met centreren <main> en plaats <footer> in IE

Door Ramon van Dongen op 04-06-2014 21:33 gewijzigd op 04-06-2014 21:34

2.929 views

Ik heb een probleem met Internet Explorer (wie niet?):

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>


main { width: 940px; margin: 0 auto 0 auto; padding-bottom: 70px; overflow: auto; text-align: left;}

CSS <footer>


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.

Frank Conijn

06-06-2014 08:21 gewijzigd op 06-06-2014 08:23

Ramon van Dongen op 04/06/2014 21:33:44

IE ondersteunt de nieuwe HTML5 tag <main> nog niet.

Zo wel:


<script>
    document.createElement('main');
    document.createElement('footer');
</script>

<style>
    main, footer {
        display: block;
    }
</style>

Obelix Idefix

06-06-2014 09:03

Op http://www.pfz.nl/forum/topic/10699-css-center-en-footer-probleem-met-ie/ wordt ook nog wat uitleg gegeven.

Joakim Broden

06-06-2014 14:11

Op HTML5 en CSS3 na heb in nooit problemen met internet explorer. Dat kun je makkelijk oplossen door gebruik te maken van een JavaScript modenizr

Ramon van Dongen

12-06-2014 16:51

Ik heb er maar gewoon <div class="main"> van gemaakt en daarop ook de css aangepast.

Reageren

Inloggen om te reageren