Wed, 2013-05-08 01:51
Hi all. I have the following code below which works great in Firefox, Chrome and Safari but not in IE 10 (at least, haven't tested earlier versions so assuming they won't work either). Hoping that someone might be able to help me here.
HTML is:
<div id="outer"> <div id="inner"> <div style="margin:0 auto;"> <h1 style="color:#ffffff; margin-bottom:-14px; font-weight:normal; font-family: 'Exo', sans-serif;">Company 1 Title</h1> <img src="../../../images/entry_pic1.jpg" alt="Company 1"/> <h4 style="color:#ffffff; margin:0; font-weight:normal; font-family: 'Exo', sans-serif;">Blurb about company</h4> <div style="float:right;"><img src="linkedin.png" alt="Linkedin" width="18" height="18" style="margin-right:5px;"/><img src="facebook.png" alt="Facebook" width="19" height="18" /></div> <span class="homefooter"> <a href="#">a</a> <a href="#">b</a> <a href="#">c</a> </span> <div class="copyright" style="color:#cccccc; font-size:9px;">Copyright <script type="text/javascript"> copyright=new Date(); update=copyright.getFullYear(); document.write('<span style="">'); document.write(" © "); document.write('</span>'); document.write("2013 - " + update + " " + " "); </script> Company xyz : ABN 12354788 : ACN 12585522</div> </div> </div> </div>
css is:
.homefooter a:link{ text-decoration:none; color:#dddddd; font-size:10px; font-family: Arial, Helvetica, sans-serif; margin-right:20px; } .homefooter a:hover{ color:#4b9ec9; font-size:10px; text-decoration:underline; font-family: Arial, Helvetica, sans-serif; } #outer { width: 100%; /* Firefox needs this */ height: 100%; /* Height can be anything */ /* WebKit (Chrome & Safari) */ display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; /* Firefox */ display: -moz-box; -moz-box-pack: center; -moz-box-align: center; /* IE */ display: -ms-box; -ms-box-pack: center; -ms-box-align: center; /* Native CSS */ display: box; box-pack: center; box-align: center; } #inner { display: table-cell; vertical-align: middle; }
Thanks in advance for any assistance.
Wed, 2013-05-08 02:36
#1
May we have a link to the
May we have a link to the page, or failing that, the complete html?
That may not be necessary, though. All indications are that IE doesn't support the property. Plus, the property does not appear in the flex-box module that superseded the old version that contained it. See MDN, Quirks-mode.org, and W3C flexible box module.
cheers,
gary
Wed, 2013-05-08 03:23
#2
reply
Sorry, can't give url to page at present publicly. I'll send it directly to you Gary. Thanks for your help.