WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > Browser Compatibility > Horizontal icons and IE

Reply
  Thread Tools Display Modes
Old 13th April 12, 06:18 PM   #1
Zeaks
WLC Lover
 
Zeaks's Avatar
 
Join Date: Sep 2010
Location: Canada
Posts: 59
Default Horizontal icons and IE

I'm trying to add a set of icons to the header of my blog. They look fine in firefox, but display vertical in IE unless I use the compatibility button. Here is my CSS

Code:
/* Social widget area */
#social-sidebar {
    float: right;
    margin-bottom: 20px;
    margin-top: -100px;
    width:auto;
}
#social-sidebar .widget { 
    margin: 0;
    padding-top:10px;
}
#social-sidebar .widget-title { display: none; }
#social-sidebar img{ 
    width: auto; 
    display:inline;
    width:32px; 
}
#branding hgroup {
    height: 120px;
}
Here is the test site http://twentyten.info

I've tried setting a width of #social-sidebar, but if I do, the images won't align to the right properly.
The plugin that adds the images has an option to choose what images will be shown, so it could be anywheres from 1-10 which makes it impossible to guess what width it will be.
Zeaks is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:42 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.