Html 引导式非流体IE7布局
我正在使用布局一个数据输入表单。虽然该表单在Chrome中看起来非常完美,但IE7显示的表单带有额外的“填充”,这会占用可用的垂直空间。我的组织,因此我需要帮助纠正以下问题:Html 引导式非流体IE7布局,html,css,twitter-bootstrap,internet-explorer-7,Html,Css,Twitter Bootstrap,Internet Explorer 7,我正在使用布局一个数据输入表单。虽然该表单在Chrome中看起来非常完美,但IE7显示的表单带有额外的“填充”,这会占用可用的垂直空间。我的组织,因此我需要帮助纠正以下问题: 为什么输入不与上面的标签对齐 为什么行不跨整个容器 相关HTML: <!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> <
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DS-11</title>
<link href="http://10.20.17.226:7080/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://10.20.17.226:7080/main.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<form id="frm_referral_ds11" action="frm_referral_ds11.process" method="post">
<div class="row coral-background border-side">
<div class="span12">
<label for="p_mailing_address"><strong>8. Mailing Address:</strong> Line 1: (Street/RFD#, URB, or P.O. Box, Apt./Unit, In Care Of or Attn (<em>e.g. in Care of - Jane Doe, Apt # 100</em>))</label>
<br />
<input type="text" name="p_mailing_address" id="p_mailing_address" class="span12" maxlength="200" />
</div>
</div>
</form>
</body>
</html>
这就是你想要达到的目标吗
HTML:
当我说“padding”时,我不一定是在说CSS框模型的“padding”。
input.span12 {
margin: 0;
margin-left: 0;
}
label {
display: inline-block;
}
.coral-background {
background-color: #FFD595;
}
.border-side {
border-left: 3px #000 solid;
border-right: 3px #000 solid;
}
<form id="frm_referral_ds11" action="frm_referral_ds11.process" method="post">
<div class="row coral-background border-side span12">
<label for="p_mailing_address"><strong>8. Mailing Address:</strong> Line 1: (Street/RFD#, URB, or P.O. Box, Apt./Unit, In Care Of or Attn (<em>e.g. in Care of - Jane Doe, Apt # 100</em>))</label>
<input type="text" name="p_mailing_address" id="p_mailing_address" class="span12" maxlength="200" />
</div>
</form>
@import url('http://twitter.github.io/bootstrap/assets/css/bootstrap.css');
.coral-background {
background-color: #FFD595;
}
.border-side {
border-left: 3px #000 solid;
border-right: 3px #000 solid;
}