Проблема позиционирования таблицы HTML - PullRequest
Новая
       7

Проблема позиционирования таблицы HTML

0 голосов
/ 05 мая 2011

Я в первую очередь не программист HTML, но я использую HTML для форматирования отображения одного из моих экранов в iPhone. Так что у меня есть нечто вроде отображения абзаца со встроенным изображением в правом верхнем углу, так что, пока рядом с изображением, текст оборачивается и не перекрывается, но будет продолжаться вправо, как только оно будет под изображением.

Мне нужна таблица комментариев, размещенная ниже, поэтому, зная, что мой взгляд имеет ширину 728 пикселей, я сделал 

<table width="768">

Когда я делаю этот код в моем уменьшенном (шириной 240 пикселей) виде, комментарии появляются под изображением, но в увеличенном виде это не так. Кто-нибудь знает, почему это может произойти?

Вот пример HTML-кода, который я использую: 

<body bgcolor="#FFFFFF">
 <p>
  <img src="http://www.smspal.com/iPhonePhoto.jpg" width="320" height="480" align="right">
  Tweet
 </p>
 <table width="728" cellpadding="3" cellspacing="0" >
  <tr>
   <td>
    <b>
     <font size="2">Parent1 Parent1</font>
    </b>
   </td>
   <td>
    <p align="right"><font size="1">Tue. May 3, 2011 at 3:47 PM</font></p>
   </td>
  </tr>
  <tr>
   <td colspan="2">
    <p align="left">
     <font size="2">Add a comment</font>
    </p>
   </td>
  </tr>
 </table>
<hr noshade size="1" />
</body>

Ответы [ 2 ]

1 голос
/ 05 мая 2011

Вы даете абсолютный размер пикселя на вашей таблице, чтобы соответствовать ширине пикселя определенного экрана. Размер является абсолютным, поэтому на меньшем экране больше ничего не может отображаться ни слева, ни справа от него, поэтому ему некуда идти, кроме как вниз.

Попробуйте использовать процентную ширину, поскольку это относительный размер, который будет соответствовать разным размерам экрана.

0 голосов
/ 05 мая 2011

Почему бы вам просто не поместить изображение в таблицу?Вы можете использовать атрибут colspan , чтобы держать изображение в правом углу.

...