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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Картинка в слое справа снизу. Баг IE 
:(
    Опции темы
Рыжий
Дата 29.6.2007, 22:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

Репутация: 1
Всего: 20
Пересмотрел весь поиск - похожие темы есть но конкретного ничего не увидел. 
Имеется div, скажем 200х200. Снизу слева и снизу справа должны быть закругленные углы. Закругляю по этому мануалу: http://kalsey.com/2003/07/rounded_corners_in_css/
То есть с помощью  картинок, а не сплошного css.

Сразу код:

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
  <title></title>
<style type=text/css>
#user_menu{
    background: #0d8abe url(user_menu_fon.gif) repeat-x scroll 0% ;
    position:relative;
    top:0;right:0;
    text-align:center;
    float:right;
    width:265px;
    height:88px;
    color:#ffffff;
}

img.corner-right {
   width: 12px;
   height: 11px;
   border: none;
   display:block;
   float:right;
   position:absolute;
   right:0px;
   clear: right;
   bottom:0px;
}
img.corner {
   width: 12px;
   height: 11px;
   border: none;
   display:block;
   float:left;
   position:absolute;
   left: 0px;
   bottom:0px;
}
</style>
</head>
<body>
<div id='user_menu'>
Welcome, <b>Igor</b><br />
<div ><img src="mbl.gif" alt="" class="corner" /> </div>
<div ><img src="mbr.gif" alt="" class="corner-right" /> </div>
</div>
</body>
</html>

Думаю в нем все понятно. 
А! Совсем забыл о проблеме:
В IE наблюдаю такую полоску справа:
user posted image
Сорри если плохо видно, но оно так и есть.

Что делать?
В Firefox, Opere все отлично!  smile 
 smile  smile  smile  smile  smile 
PM MAIL ICQ   Вверх
ksnk
Дата 30.6.2007, 14:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386
Хм... Сделай размер width у #user_menu кратным 2-м.

    width:264px;

Выглядит как недокументированная, пока еще, фича от IE smile


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Рыжий
Дата 30.6.2007, 19:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

Репутация: 1
Всего: 20
ksnk, Я в шоке, это решило проблему...
Если у всех проблем такие "мистические" причины и "мистические" решения, гхм...
PM MAIL ICQ   Вверх
SelenIT
Дата 2.7.2007, 00:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401
Имхо, в коде много лишнего. Если уже стоит position:absolute, зачем еще display:block и уж тем более float? Да и зачем позиционированные картинки в отдельные дивы вкладывать?

А "мистические" проблемы с позиционированием относительно bottom и right в IE действительно присутствуют. Имхо, вместо позиционированных картинок лучше бы воспользоваться дополнительным дивом-контейнером с тем же уголком в качестве неразмножаемого фона...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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