У меня есть веб-просмотр, который отображает некоторый HTML, который я генерирую во время выполнения. Этот HTML-код работает в Chrome и IE, но когда я пытаюсь загрузить его в веб-просмотр, он говорит мне: «Веб-страница недоступна». Я использую основные элементы HTML:
<body bgcolor="01517f">
<table>
<font color="ffffff" size="4">
<p>
<a href="http://www.gim.net/Customized/Uploads/Screenshot532011-33538-PM.jpg">
<img src="http://www.gim.net/Customized/Uploads/Screenshot532011-33538-PM.jpg" width="160" height="240" align="right">
</a>
Message body
</p>
<table width="95%" cellpadding="3" cellspacing="0" >
<tr>
<td>
<b>
<font size="3" color="ffffff">
parent1
</font>
</b>
</td>
<td>
<p align="right">
<font size="2" color="ffffff">
This will be the date string
</font>
</p>
</td>
</tr>
<tr>
<td colspan ="2">
<p align="left">
<font size="3" color="ffffff">
Blah blah
</font>
</p>
</td>
</tr>
</table>
<hr noshade size="1" />
</font>
</table>
</body>
По какой-то причине, если я удаляю вложенную таблицу, она выглядит нормально. Есть ли что-то нестандартное в том, как я форматирую свой HTML, чтобы он не работал с веб-представлением Android?
EDIT:
После тщательного тестирования устранения я обнаружил, что ошибочная ошибка связана с атрибутом "width = '95%" второй таблицы. Если я изменю его на заданную ширину в пикселях (например, width = "160px"), это сработает. То, для чего мне нужна эта ширина, - заставить эти элементы в этой таблице быть ниже изображения, при этом занимая большую часть ширины страницы, не зная, насколько большой будет моя страница, потому что я не знаю, насколько большой экран Я мог бы работать с это.
Должен ли я просто определить размер экрана и вручную установить ширину пикселя таким образом, или есть какой-то более простой способ заставить разрыв между изображением, выровненным по правому краю, и таблицей, которая следует ниже него?