The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
||||
|
||||
Need help fixing CSS in Static Html widget
I have a custom static html widget that looks like the first image in IE9 normal mode, however in other browsers such as IE8 or in non-compatibility mode, the smaller icons won't show up and the large yellow icon will be aligned to the left. Can someone help me get it to show up like the first image? Thank you
Here is the css: Code:
#radio_ad_container { display: table; text-align:center; } #radio_ad_row1 { display: table-row; margin-left:auto; margin-right:auto; } #radio_ad_row2 { display: table-row; margin-left:auto; margin-right:auto; }#radio_ad_mainlogo { display: table-cell; padding: 10px; } #radio_ad_icon1, #radio_ad_icon2, #radio_ad_icon3, #radio_ad_icon4, #radio_ad_icon5, #radio_ad_icon6, #radio_ad_icon7{ display: table-cell; padding: 10px; float:left; } HTML Code:
<div class="cms_widget"> <div class="block"> <div class="cms_widget_header"> <h3>{vb:raw widget_title}</h3> </div> <div class="cms_widget_content widget_content"> <div id="radio_ad_container"> <div id="radio_ad_row1"> <div id="radio_ad_mainlogo" style="margin-left:auto; margin-right:auto;"> <a href="http://www.thebigdc.com/main.html" target="_blank"><img src="./images/banners/BIG150-logo.png" width="117" height="134" align="middle" border="0"/></a> </div> </div> <div> <div id="radio_ad_social_bookmarks"> <div id="radio_ad_icon1"><a href="http://www.thebigdc.com/cc-common/radio_app/" target="_blank"><img src="./images/Seamus/misc/icon-iheartradio.png" width="20" height="20" /></a></div> <div id="radio_ad_icon2"><a href="http://www.facebook.com/BIG1003" target="_blank"><img src="./images/Seamus/misc/icon-facebook.png" width="20" height="20" /></a></div> <div id="radio_ad_icon3"><a href="http://twitter.com/big1003" target="_blank"><img src="./images/Seamus/misc/icon-twitter.png" width="20" height="20" /></a></div> <div id="radio_ad_icon4"><a href="https://plus.google.com/115702082732564911901" target="_blank"><img src="./images/Seamus/misc/icon-google.png" width="20" height="20" /></a></div> <div id="radio_ad_icon5"><a href="http://www.thebigdc.com/cc-common/radio_app/?tabs=iphone" target="_blank"><img src="./images/Seamus/misc/icon-iphone.png" width="20" height="20" /></a></div> <div id="radio_ad_icon6"><a href="http://www.thebigdc.com/cc-common/radio_app/?tabs=android" target="_blank"><img src="./images/Seamus/misc/icon-android.png" width="20" height="20" /></a></div> <div id="radio_ad_icon7"><a href="http://www.thebigdc.com/cc-common/radio_app/?tabs=blackberry" target="_blank"><img src="./images/Seamus/misc/icon-blackberry.png" width="20" height="20" /></a></div> </div> </div> </div> </div> </div> |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|