2010-11-03 46 views
0

我下面的HTML XHTML /移動1.2 DOCTYPE是導致怪異的文物

<html> 
<body> 
<div style="background:white;width:620px; height: 464px; overflow: hidden;"> 
<style>.v{width:100%;background: red;border:0px; color:#FFFFFF;text-align: 
center; font-size: 11px;font-family:arial; vertical-align: middle;}</style> 
<a target="_blank" href="http://www.google.com/"> 
<div style="height:28px;width:620px;display:table-cell" class="v">Video</div> 
</a><video style="background:black" height="408px" width="100%" ></video> 
<a target="_blank" > 
<div class="v" style="height:28px;width:620px;display:table-cell">Bottom</div></a></div>
當我使用DOCTYPE這個我得到的視頻下方的白線,否則它呈現的罰款。這沒有DOCTYPE。 alt text
這是DOCTYPE <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" " http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd "> alt text
我試圖調整CSS,但沒有運氣。我錯過了什麼嗎?

回答

1

添加「顯示:塊」或「垂直對齊:底部」你的視頻元素的CSS。