xhtml / mobile 1.2 DOCTYPE вызывает странные артефакты - PullRequest
Новая
       11

xhtml / mobile 1.2 DOCTYPE вызывает странные артефакты

0 голосов
/ 03 ноября 2010

У меня есть следующий HTML 

<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" "<a href="http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd" rel="nofollow noreferrer">http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd</a>">alt text
Я пытался настроить CSS, но безуспешно.Я что-то пропустил?

1 Ответ

1 голос
/ 03 ноября 2010

Добавьте «display: block» или «vertical-align: bottom» к css вашего видеоэлемента.

...