Menus items and FB/Twitter icons align vertically in IE [#1148782]

In Internet Explorer, the menu items align vertically on the right side rather than horizontally. Also, the Facebook, Twitter, and other similar icons align vertically instead of horizontally. The icons in Network Connect do not even show up. I am using IE 7.0.

This can be seen in action at http://demo.drupalizing.com/bluemasters

Comments

Comment #1

gtsopour CreditAttribution: gtsopour commented 8 May 2011 at 15:52

Assigned:

Unassigned

» gtsopour

Hello kojow,

i made some changes to the style.css file which show cover your needs in IE7 and do not seem to affect the operation of the site in new browsers. Please inform me for any failure. In addition, I place these changes below for you and i committed them, so will be included in next Bluemasters release.

Thanks
/George

Line 325
Add float:left at #navigation ul.menu li

#navigation ul.menu li { display: inline-block; float:left; vertical-align: middle; padding:0 5px 0 0; margin:0; }

Line 358
Add float:left at ul#secondary-menu li

ul#secondary-menu li { padding:0; margin:0; border-right:1px solid #6A7796; display:inline-block; float:left; }

Line 409
Change #topSocial ul li as shown below

From
#topSocial ul li { padding:0 5px; }
to
#topSocial ul li { display:inline; }

Line 419
Remove overflow:hidden from network class

.network { display:block; text-align:center; padding:15px 0; }

Comment #2

kojow7 CreditAttribution: kojow7 commented 10 May 2011 at 19:48

Thanks gtsopour,

Works beautifully!

-Kojow

Comment #3

fineartist99 CreditAttribution: fineartist99 commented 16 June 2011 at 18:35

Priority:

Normal

» Critical

I just did what you said, and it totally messed up my site with IE http://partypalaceplus.com/2011/

I switched it back to the old css and still am getting a messed up looking website but only in IE. Does anyone know why and how to get this fixed? Thank you in advanced.