Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > ie 6 выравнивание картинки в таблице

Автор: piere 15.5.2008, 10:40

Не получается выровнять png картинку в таблице по правому краю. В файрфоксе все работает отлично, в 6 ie почему-то по центр.

Код


<style type="text/css">
  * { margin: 0px; padding: 0px; }
html, body {
height: 100%;
width: 100%;
}
table {
height: 100%;
width: 100%;
background: url('71.jpg') repeat-x right bottom;
border-collapse: collapse; 
margin-top:0px; 
margin-left:0px; 
margin-right:0px;
        margin-bottom:0px; 
        align:center;
        background-repeat: no-repeat; 
        }

</style>

<table>
        <tr>
          <TD align="center" width="274"> </TD>
          <TD width="750" align="right" valign="bottom"> <IMG src="1.png" name="p0" width="750" height="768" border="0"></TD>
          
        </tr>
      </table>

</body>

Автор: bars80080 15.5.2008, 11:05

align="right" надо было задать не ячейке а рисунку

Код

<IMG src="1.png" name="p0" align="right" width="750" height="768" border="0">

или

Код


table td img { float: right; }

Автор: piere 15.5.2008, 12:31

Цитата(bars80080 @ 15.5.2008, 11:05)

align="right" надо было задать не ячейке а рисунку

Код

<IMG src="1.png" name="p0" align="right" width="750" height="768" border="0">

или

Код


table td img { float: right; }

попробовал и тот и другой вариант, увы никаких изменений... (

Автор: SergV 15.5.2008, 12:51

piere, попробуй поместить рисунок в див контейнер в ячейке, должно 100% сработать. У меня щас нет в данный момент 6-ки эксплорера, но в IE7 всё нормально для <td align="right" >

Автор: piere 15.5.2008, 14:56

Цитата(SergV @ 15.5.2008, 12:51)

а можно код, а то что-то опять ерунда какая-то у меня. видимо руки не из того места совсем...

Автор: SergV 15.5.2008, 18:27

Код


<td><div align="right"><IMG src="1.png"width="750" height="768" border="0"></div></td>
// или 
<td align="right"><div style="width:750px; height:768px;"><IMG src="1.png" border="0"></div></td>

Автор: lukas 15.5.2008, 20:34

можно также попробовать text-align... в IE 6 работает... smile

Код


<table width="100%">
<tr>
 <td style="text-align: right;"><IMG src="utils.png" border="0"></td>
</tr>
</table>

Хотя я попробовал твой код, у меня в IE 6 все нормально... выравнивается к правой стороне...