Html 形式超越了它';s容器
嗨,我已经为一个客户完成了一个网站,并在所有最新的浏览器(包括IE8)上进行了测试,它看起来很好。我还测试了它的不同分辨率,这看起来很好 这是网站: 你应该看到的是大文本和表单都应该在中间对齐。我的客户给我发了一张照片,照片显示表单不知何故延伸到了容器外。他说它来自chrome,但对我来说chrome看起来不错 这是我使用的标记:Html 形式超越了它';s容器,html,css,Html,Css,嗨,我已经为一个客户完成了一个网站,并在所有最新的浏览器(包括IE8)上进行了测试,它看起来很好。我还测试了它的不同分辨率,这看起来很好 这是网站: 你应该看到的是大文本和表单都应该在中间对齐。我的客户给我发了一张照片,照片显示表单不知何故延伸到了容器外。他说它来自chrome,但对我来说chrome看起来不错 这是我使用的标记: <section> <h1>Build your professional page and connect wit
<section>
<h1>Build your professional page and connect with people you need to <span> achieve your goals </span></h1>
<form>
<label for="name"><span>PAGE NAME</span><input type="text" value="What do you seek?" name="name" id="name"/></label>
<img src="img/frontpage/and.png" alt="and"/>
<label for="password"><span>PASSWORD</span><input type="text" value="What do you seek?" name="password" id="password"/></label>
<input type="submit" value="Create Page" id="press"/>
</form>
</section>
如果我的css中有问题将表单扩展到其容器之外,我找不到它。但这就是我的客户端使用的chrome版本中出现的问题。如何解决这个问题?文本和表单框应该完全对齐
编辑:新建图片链接正如这里的人评论的那样,我看不到你提交的图片,因为它抛出了一个“错误:黑客试图非法下载投标附件”
但是,如果您的客户在IE8(或旧浏览器)中遇到问题,则可能是因为您使用了
标记。如果内存可用,IE8不支持HTML5。尝试将其更改为
并查看其是否有效。错误:黑客试图非法下载投标附件:43170340。
来自SO的流量被注册为黑客企图。把图片放在imageshack上。我已经在底部添加了图片链接。悲哀的是IE8渲染得很好,因为它是html5shiv.js脚本。chrome造成了这个问题,只是我不知道witch版本。它不可能是最新的,因为我有它,而且它工作得很好
div#frontpage section{
width:700px;
margin:0 auto;
margin-top: 50px;
margin-bottom: 80px;
}
div#frontpage section h1{
font-size:48px;
text-align: center;
color:#060000;
}
div#frontpage section form{
margin-top: 65px;
position:relative;
}
div#frontpage section form label{
display:inline-block;
}
div#frontpage section form label span{
display: block;
color:#75aed2;
font-size:11px;
font-weight: bold;
margin-bottom: 5px;
}
div#frontpage section form input{
width:190px;
padding:8px 5px;
color:#d5d5d5;
font-weight: bold;
border:1px solid #bbbbbb;
font-size: 13px;
background-color: white;
}
div#frontpage section form label:first-child{
margin-right:57px;
}
div#frontpage section form img{
position:absolute;
top:20px;
left:226px;
}
div#frontpage section form input#press{
margin-left: 40px;
background-color: #1f70b3;
border:none;
color:white;
cursor: pointer;
padding: 12px 5px;
}
div#frontpage section form input#press:hover{
background-color: #2380ce;
}