Fieldset padding не работает с внутренними div - PullRequest
Новая
       20

Fieldset padding не работает с внутренними div

2 голосов
/ 16 февраля 2011

Итак, у меня есть html-код: 

<fieldset>
     <legend>Log On</legend>

     <div class="altregrow">
          <label for="UserName">User name</label>
          <input type="text" value="" name="UserName" id="UserName">
     </div>

     <div class="regrow">
          <label for="Password">Password</label>
          <input type="password" name="Password" id="Password">
     </div>

     <div class="altregrow">
          <label for="RememberMe">Remember me?</label>
          <input type="checkbox" value="true" name="RememberMe" id="RememberMe">
     </div>

     <p class="right">
          <input type="submit" value="Log On">
     </p>
</fieldset>

И мой CSS: 

fieldset {
margin: 0 10px 10px 10px;
padding: 10px;
width: auto;
border: 1px solid #333;
display: block;
}
fieldset p { margin: 0.5em 0 0 0; }
.regrow, .altregrow {
text-align: left;
padding: 7px 5px;
width: 100%;
margin-right: 10px;
overflow: auto;
}
.regrow input, .altregrow input {
float: right;
margin-right: 5px;
margin-top: 2px;
}
.altregrow {
background: url(bg2.png) repeat;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

Я пытаюсь получить его, чтобы с правой стороны поля было 10px поле.divs внутри feildset.Поле margin-right не работает, и я попытался использовать набор полей с разными настройками отображения, но, похоже, ничего не работает.Есть идеи?

1 Ответ

1 голос
/ 16 февраля 2011

, если вы удалите width:100% из divs, это работает.В противном случае вы можете добавить дополнительные отступы на fieldset или добавить margin-right для input.

...