2 Replies - 448 Views - Last Post: 11 October 2012 - 09:39 AM

#1 Whitechapel  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 04-October 12

Footer Links Displayed Incorrectly in IE, Looks Fine In Chrome/FF

Posted 04 October 2012 - 11:40 PM

I'm working on a website for a friend's band. In the footer, I have four image links to Facebook, Twitter, Youtube, and MySpace. It displays perfectly in Chrome & Firefox, but IE shows it brokenly. I've tried commenting out code but it still chooses to display oddly. I've also monkeyed with the different widths and tried to make it more strict, but I've had no luck. The website to view is http://www.weepthebe...oiler/index.php

#footer {
	float:left;
	width:auto;
	background:#000;
	color:#000;
	height:auto;
	padding:5px;
	border-bottom-right-radius:50px;
	-moz-border-radius-bottomright:50px;
	border-bottom-left-radius:50px;
	-moz-border-radius-bottomleft:50px;

}

#footerfacebook {
	width:166px;  
    height:38px;   
    display: inline-block;  
    vertical-align: middle; 
	padding-right:20px;
}

#footertwitter {
	width: 164x;  
    height:38px;  
    display: inline-block;  
    vertical-align: middle;
	padding-right:20px;
}
#footeryoutube {
	width:133px;  
    height:38px;  
    display: inline-block;  
    vertical-align: middle; 
	padding-right:20px;
}

#footermyspace {
	width:169px;  
    height:38px;  
    display: inline-block;  
    vertical-align: middle; 
}

#footerwrapper {
	margin-left: auto;
	margin-right: auto;
	width:auto;
	overflow:hidden;
	text-align:center;
}


Is This A Good Question/Topic? 0
  • +

Replies To: Footer Links Displayed Incorrectly in IE, Looks Fine In Chrome/FF

#2 gfeeley  Icon User is offline

  • New D.I.C Head

Reputation: 2
  • View blog
  • Posts: 24
  • Joined: 11-March 10

Re: Footer Links Displayed Incorrectly in IE, Looks Fine In Chrome/FF

Posted 08 October 2012 - 05:13 PM

I.E. needs a hack because it doesn't understand inline-block so you need to add these two styles where you are using it.
zoom:1;
*display: inline;


NOTE: This will fix it for IE7, but IE8,IE9 should not need it and forget about IE6.

This post has been edited by gfeeley: 08 October 2012 - 05:16 PM

Was This Post Helpful? 1
  • +
  • -

#3 Whitechapel  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 04-October 12

Re: Footer Links Displayed Incorrectly in IE, Looks Fine In Chrome/FF

Posted 11 October 2012 - 09:39 AM

Awesome, this works perfectly. Thanks so much for the help!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1