表格超出它的容器

您好我有僅僅指剛完成了網站的客戶端，並測試了所有最新的瀏覽器包括IE8，它看起來罰款他們。我也測試了它的diferent決議和看起來很好兩項。表格超出它的容器

這是網站：

你應該看看有什麼大的文本和表單女巫都應該在center.My客戶端對齊給我發了照片，顯示我，不知何故表格延伸到容器外面。他說這是來自鉻合金，但對我來說鉻合金看起來不錯。

這是我所使用的標記：

<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：

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; 
}

如果在我的CSS擴展形式超越它有問題的容器，我可以」但這是我的客戶正在使用的鉻版本中所要求的。如何修復？文本和表格框應完全對齊

編輯：新圖像鏈接

來源

2012-07-31 Nistor Alexandru

'錯誤：黑客企圖非法下載競價附件：43170340.' – 2012-07-31 21:37:02

來從SO被註冊爲黑客攻擊的流量。將圖像放在imageshack上。 – Tom 2012-07-31 21:44:53

我已經在底部 – 2012-07-31 21:50:17

由於此處的人評論，我看不到您提交的圖像，因爲它會拋出「錯誤：黑客試圖非法下載出價附件」。

但是，如果您的客戶在IE8（或舊瀏覽器）中遇到問題，可能是因爲您使用了<section>標籤。如果內存服務，IE8不支持HTML5。嘗試將其更改爲<div>並查看它是否有效。

來源

2012-07-31 21:46:58

悲哀的事情添加鏈接到圖像是IE8使得它很好，因爲html5shiv.js腳本的是鍍鉻的創建這個問題只有我不知道巫version.It可能不是最新的一個是因爲我擁有它並且運作良好 – 2012-07-31 21:49:54

表格超出它的容器

回答

相關問題