How to use auto value for "The Buttons: Colvis plugin" dropdown menu width in Internet Explorer 7?

How to use auto value for "The Buttons: Colvis plugin" dropdown menu width in Internet Explorer 7?

Walter_StolzWalter_Stolz Posts: 46Questions: 6Answers: 0
edited November 2015 in Free community support

I am using this CSS for my table, which sets different values for "The Buttons: Colvis plugin" dropdown menu width in different browsers:

*width: 230px; for Internet Explorer 7 and
width: auto; for other browsers

div.dt-buttons {position: relative;float: left;font: 0.9em Arial; padding-bottom: 0.25em;}
div.dt-buttons .dt-button {margin: 0.25em 0.333em 0.25em 0;}  
div.dt-button-background {position: fixed;top: 0; left: 0;width: 100%;height: 100%;background: black;opacity: .35;filter: alpha(opacity=35); z-index: 2001;}  
div.dt-button-collection {font: 0.9em Arial;position: absolute;margin-top: 3px; padding: 4px;border: 1px solid #ccc;background-color: #fff;overflow:hidden; z-index: 2002;}

div.dt-button-collection .dt-button {text-align: center;position: relative;display: block;margin-right: 0;width: 100px;}

a.dt-button.buttons-columnVisibility.ui-state-active, a.dt-button.buttons-columnVisibility {position: relative; *width: 230px; width: auto; text-align: left;}

a.dt-button.buttons-select-cells, a.dt-button.buttons-select-rows, a.dt-button.buttons-select-columns {position: relative; width: 175px;text-align: left;}

Could someone tell me please, how can I use auto value for "The Buttons: Colvis plugin" dropdown menu width in Internet Explorer 7?

Simply changing *width: 230px; to *width: auto; not helping.

http://postimg.org/image/k5eq2lltn/

Answers

  • allanallan Posts: 63,455Questions: 1Answers: 10,465 Site admin

    Sorry, IE7 is not supported by any of the extensions.

    What happens if you use width: 100%; right: auto;?

    Allan

  • Walter_StolzWalter_Stolz Posts: 46Questions: 6Answers: 0
    edited November 2015

    I am using both values of width in CSS:

    *width: 230px; and **width: auto; **

    *width: 230px; for Internet Explorer 7 and
    width: auto; for other browsers.

    In Firefox 42, IE11, Chrome 46 and other browsers all looks fine.
    But I also have *.CHM files with tables, and in *.CHM files the IE7 is used.
    Therefore I asked.

    I tried a lot of options of padding, margin, position and width, but can't find necessary combination.

    Your option also didn't help.

This discussion has been closed.