asp: проблема ширины кнопки в IE7, добавляет дополнительные 100 пикселей слева по какой-то причине? - PullRequest
Новая
       16

asp: проблема ширины кнопки в IE7, добавляет дополнительные 100 пикселей слева по какой-то причине?

0 голосов
/ 10 августа 2011

По какой-то причине кнопка asp: в IE7 добавляет дополнительные 100 пикселей (или около того ...) слева от кнопки. это создает проблему для моего стиля CSS. Конечно, я мог бы зайти и переписать каждую отдельную кнопку, указав ей точные размеры в пикселях ..., но это было бы неприятно, так как приложение, созданное моей компанией, имеет около 50 страниц, по 10 кнопок на страницу (вы можете сделать математика!). Я бы предпочел, чтобы asp: button увеличивался в зависимости от размера / ширины текста.

Любая помощь будет высоко ценится.

ASPX (html) 

<div class="sales-order-buttons">
   <asp:Button ID="btnSearchSalesOrders" runat="server" Text="Search Sales Orders" />
   <asp:Button ID="btnViewAssociatedOrders" runat="server" Text="View Associated Orders" />
</div>

CSS 

input[type="submit"] {
   background: url("../images/arrow.png") no-repeat left red;
   color: #006aae;
   float: left;
   text-align: left;
   display: block;
   width: auto;
   margin-left: 10px;
   text-indent: 40px; 
}

input[type="submit"]:hover { 
   color: #009CFF; 
   cursor: pointer;
}

1 Ответ

0 голосов
/ 06 ноября 2013

Это известная проблема, например, см. Удалите лишние отступы в кнопке IE , и, как вы упомянули в комментариях, решение выглядит так: 

/* this is to fix IE 6 and 7 which create extra right/left padding on buttons
 * IMPORTANT: because IE 6 does not understand the first selector below, you need to apply the class "inputButton" to all input of type="button" in your documents
 * the first declaration is for IE 6 and 7, the second one for IE 6 only, the third one is for all browsers.
 */
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.inputButton {
  *overflow: visible;
  _width: 0;
  padding: .2em .4em;
}

Более надежным решением для любых других забав в браузерах является использование CSS reset / base :

Попробуйте это (единственное, что я мог найти, чтобы обратиться непосредственно к этой конкретной ошибке IE): http://blog.teamtreehouse.com/setting-rather-than-resetting-default-styling, База CSS: http://tjkdesign.com/ez-css/css/base.css

...