vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)
-   -   Need help fixing CSS in Static Html widget (https://vborg.vbsupport.ru/showthread.php?t=281264)

TalkVirginia 04-08-2012 06:50 AM

Need help fixing CSS in Static Html widget
 
1 Attachment(s)
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>


Lynne 04-08-2012 03:41 PM

Can you post a link to the actual page so we can see it?

TalkVirginia 04-09-2012 12:06 AM

Sure. You can find it at http://www.333amparanormalresearch.com. It's on the right side of the page. Thanks

TalkVirginia 04-10-2012 03:41 PM

Anyone? Anyone?

Lynne 04-10-2012 04:42 PM

Unfortunately, I don't have IE to be able to view the problem. I would guess it has to do with floating the divs since IE has issues with that.


All times are GMT. The time now is 07:03 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.00994 seconds
  • Memory Usage 1,738KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code_printable
  • (1)bbcode_html_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (5)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete