Miks tuo margin: auto; komento ei toimi internet explorerissa? Miten saa tehtyä niin että explorerillakin sais tuon toimimaan?
Yritän saada tehtyä niin, että vasen ja oikea marginaali olis aina sama riippumatta ikkunan koosta tai resoluutiosta. Eli siis että sivut ovat aina keskellä ikkunaa. Tämä oli nyt ehkä vähän huonosti selitetty... No jokatapauksessa mozillalla ja operalla sain sen jo toimimaan määriteltyäni sekä oikean että vasemman marginaalin "auto":ksi. Internet explorerilla tuo ei kuitenkaan toimi.
Yritän saada tehtyä niin, että vasen ja oikea marginaali olis aina sama riippumatta ikkunan koosta tai resoluutiosta. Eli siis että sivut ovat aina keskellä ikkunaa. Tämä oli nyt ehkä vähän huonosti selitetty... No jokatapauksessa mozillalla ja operalla sain sen jo toimimaan määriteltyäni sekä oikean että vasemman marginaalin "auto":ksi. Internet explorerilla tuo ei kuitenkaan toimi.
Vastaukset 2
Vanhimmat
»Miks tuo margin: auto; komento ei toimi internet explorerissa?»
Siksi että InternetExplorer on HUONO. Sitä miksi se on niin huono sinun täytyy kysyä Microsoftilta.
Onneksi tuon voi kiertää, vaikka parempihan olisi jos selaimet ymmärtäisivät suoraan kunnon määrityksiä:
Untitled
body {
text-align: center; /* tällä IE keskittä kaiken, sellaisetkin joita ei pitäisi keskittää (kuten elementit) */
}
#sisalmys {
width: 300px;
margin: auto; /* tällä oikeat selaimet keskittävät elementit (kuten kuuluukin) */
text-align: left; /* kumotaan tekstin keskitys */
}
Lorem ipsum
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam orci. Donec augue. Quisque vel lectus. Pellentesque molestie neque vitae neque. Morbi ultricies. Mauris urna est, suscipit vel, varius ac, scelerisque at, ligula. Vestibulum laoreet, dolor id scelerisque fringilla, tellus lacus convallis mauris, at tristique erat odio eget neque. Maecenas scelerisque, nulla nec porta varius, ante urna congue ipsum, eu dictum dolor nulla at metus. Nulla sodales, purus et pretium luctus, orci felis sollicitudin neque, varius condimentum tellus diam vestibulum lorem. Nulla consequat posuere felis. Nullam id libero. In tortor. Donec magna. Etiam porttitor. Integer dolor sapien, blandit posuere, ultricies vel, dictum vel, ligula.
Ensin pitää siis laittaa IE:n tapa keskitykseen.
Seuraavaksi laitetaan oikea tapa (jota IE ei ymmärrä) ja sitten kumotaan niitä vaikutuksia joita tuo IE:n tapa aiheuttaa.
Nyt toimii!