Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> аттрибут right по разному отображает в IE и operа, скриншоты и код внутри 
:(
    Опции темы
TheAviator
Дата 10.6.2006, 19:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 219
Регистрация: 28.9.2003
Где: Николаев-Киев

Репутация: нет
Всего: нет



сабж.
нужно чтобы надпись ( картинка в 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  

Это сообщение отредактировал(а) TheAviator - 10.6.2006, 19:57
PM MAIL WWW ICQ   Вверх
jsse
Дата 11.6.2006, 02:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 99
Регистрация: 1.5.2006
Где: Кривой Рог

Репутация: 2
Всего: 2



Распиши дизайн по блокам.

Где и как у тя расположены картики и надписи? 
PM WWW Skype   Вверх
Greendrake
Дата 11.6.2006, 12:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 364
Регистрация: 14.7.2005

Репутация: 3
Всего: 6



Чё-то намудрил лишнего.

Всё проще можно сделать - диву задаёшь свойство text-align:right, а картинке - margin-right:34px. Или диву же - padding-right:34px. И не надо никаких позишн абсолютов. 
PM MAIL   Вверх
TheAviator
Дата 11.6.2006, 14:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 219
Регистрация: 28.9.2003
Где: Николаев-Киев

Репутация: нет
Всего: нет



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

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

все ок. работает как надо. спасибо. 
PM MAIL WWW ICQ   Вверх
grinmax
Дата 11.6.2006, 22:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 25
Регистрация: 28.5.2006

Репутация: нет
Всего: нет



можно ещё хаки использовать...
*html
:root 
PM MAIL   Вверх
R.M.
Дата 14.6.2006, 10:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



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


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1185 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.