...

View Full Version : Social Network icons are not aligning in IE



eberdome
02-22-2011, 05:40 AM
Hey All,

For some reason, in IE, the social network icons do not line up like they do in FF, how do i get them to align in IE as well?


http://experiencemediaonline.gorillaonemedia.com/contact/

Thanks!

Excavator
02-22-2011, 06:02 AM
Hello eberdome,
You don't style your li.socials - they probably need a width to work as you intend.

Try removing this bit highlighted in red from your CSS to start with -

div#contacts li.socials {float:right; max-height:40px; list-style-type:none; }

eberdome
02-22-2011, 06:18 AM
WOW!! It's getting late.. haha. Thanks for the second pair of eyes. That fixed it!!

readymademlm
02-22-2011, 11:55 AM
Hey All,

For some reason, in IE, the social network icons do not line up like they do in FF, how do i get them to align in IE as well?


http://experiencemediaonline.gorillaonemedia.com/contact/

Thanks!

I am also facing this problem..

VIPStephan
02-22-2011, 12:16 PM
Hey All,

For some reason, in IE, the social network icons do not line up like they do in FF, how do i get them to align in IE as well?


I would also suggest you put these icons as actual HTML images. Reason #1 is that empty elements are never good as they have no semantic purpose then and reason #2 is that without CSS there are no buttons (since itís effectively just empty elements). A website has to make sense without CSS before you start styling it just as a website has to work without JS before you add fancy effects. Thatís the principle of progressive enhancement (http://en.wikipedia.org/wiki/Progressive_enhancement).



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum