Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > аттрибут right по разному отображает в IE и operа


Автор: TheAviator 10.6.2006, 19:55
сабж.
нужно чтобы надпись ( картинка в DIV) лепилась на небольшом расстоянии от правого края страницы при ее растягивании до любого размера.

этот код отвечает за хедер.
интерсует свойство  RIGHT в строке <div id="Layer1" style="position:absolute; right:34px; top:32px; width:153px; height:75px; z-index:1;"><img src="images/nadpis1.gif"></div>

Код

<table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr bgcolor="#44B8EB" >
        <td colspan="3" background="images/nebo1.jpg"><img src="images/nebo_raporka.gif" width="10" height="172"><div id="Layer1" style="position:absolute; right:34px; top:32px; width:153px; height:75px; z-index:1;"><img src="images/nadpis1.gif"></div></td>
      </tr>
      <tr>
        <td width="25%" valign="top" background="images/trava_left1.jpg"><img src="images/header_zavorot.jpg" width="603" height="99">
          <div id="Layer1" style="position:absolute; left:102px; top:24px; width:153px; height:75px; z-index:1;"><img src="images/korabl1.gif" width="139" height="192"></div></td>
        <td background="images/trava_left1.jpg"></td>
      </tr>
    </table>


в IE:
user posted image
в opera 7:
user posted image

можно. конечно узнать тип браузера и если opera, то изменит жаваскриттом значение отступа.
Но я уверен, что есть вариант лучше, подскажите smile  

Автор: jsse 11.6.2006, 02:34
Распиши дизайн по блокам.

Где и как у тя расположены картики и надписи? 

Автор: Greendrake 11.6.2006, 12:34
Чё-то намудрил лишнего.

Всё проще можно сделать - диву задаёшь свойство text-align:right, а картинке - margin-right:34px. Или диву же - padding-right:34px. И не надо никаких позишн абсолютов. 

Автор: TheAviator 11.6.2006, 14:11
Цитата(Greendrake @ 11.6.2006,  12:34)
Чё-то намудрил лишнего.

Всё проще можно сделать - диву задаёшь свойство text-align:right, а картинке - margin-right:34px. Или диву же - padding-right:34px. И не надо никаких позишн абсолютов.

все ок. работает как надо. спасибо. 

Автор: grinmax 11.6.2006, 22:43
можно ещё хаки использовать...
*html
:root 

Автор: R.M. 14.6.2006, 10:21
grinmax, нет не можео. Всё решимо человеческими способами. Зачем извращаться тогда когда это ненужно? smile  

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)