2 replies [Last post]
Neesh Design
Neesh Design's picture
Offline
newbie
Gold Coast, Australia
Last seen: 7 years 19 weeks ago
Gold Coast, Australia
Timezone: GMT+10
Joined: 2013-05-08
Posts: 2
Points: 3

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.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 3 hours 23 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9767
Points: 3849

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Neesh Design
Neesh Design's picture
Offline
newbie
Gold Coast, Australia
Last seen: 7 years 19 weeks ago
Gold Coast, Australia
Timezone: GMT+10
Joined: 2013-05-08
Posts: 2
Points: 3

reply

Sorry, can't give url to page at present publicly. I'll send it directly to you Gary. Thanks for your help.