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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> ФФ3 непонятное смещение бэкграунда 
V
    Опции темы
bars80080
Дата 29.8.2008, 13:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
вроде ничего сложного
Код

<style>
* { margin: 0px; padding: 0px; }
table { margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; }
tr { vertical-align: top; }

.ocosh { position: relative; margin: 5px; background: #ffffff; }
.ocosh .lt { width: 5px; height: 10px; background-image: url(buttonfonl.gif); }
.ocosh .lt { width: 5px; height: 10px; background-image: url(buttonfonl.gif); }
.ocosh .rt { width: 5px; height: 10px; background-image: url(buttonfonr.gif); }
.ocosh .lb { border-bottom: solid 1px #aa95e5; border-left: solid 1px #aa95e5; }
.ocosh .rb { border-bottom: solid 1px #aa95e5; border-right: solid 1px #aa95e5; }
.ocosh .t { height: 10px; background-image: url(buttonfon2.gif); }
.ocosh .b { border-bottom: solid 1px #aa95e5; }
.ocosh .l { border-left: solid 1px #aa95e5; }
.ocosh .r { border-right: solid 1px #aa95e5; }
.ocosh .c { width: 180px; }
</style>
<body>
<div class="ocosh"><table><tr><td class="lt">&nbsp;</td><td class="t">&nbsp;</td><td class="rt">&nbsp;</td></tr>
<tr><td class="l">&nbsp;</td><td class="c">&nbsp;</td><td class="r">&nbsp;</td></tr>
<tr><td class="lb">&nbsp;</td><td class="b">&nbsp;</td><td class="rb">&nbsp;</td></tr>
</table></div>
</body>

почему-то в ФФ3 в левой верхней ячейке происходит сдвиг фона? причём background-position: -1px 0px; не помогает. не много помогает position: absolute;  left: -1px; , но это ни в какие ворота

Присоединённый файл ( Кол-во скачиваний: 6 )
Присоединённый файл  image.rar 1,16 Kb
PM MAIL WWW   Вверх
smartov
Дата 29.8.2008, 15:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


свой собственный
****


Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259
bars80080, ты будешь смеяться, но там border. 
Поставь первой ячейке в стилях
Код

...
<table><tr><td class="lt" style=" style="border-left: solid 1px #aa95e5"">&nbsp;</td>
...

и всё сам поймёшь. Я когда-то с таким мучался. Пришлось отказаться от решения с border.
Правды ради стоит сказать что если в FF3 баг слева, то в последней Опере баг справа  smile 
PM MAIL   Вверх
webster
Дата 29.8.2008, 15:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 34
Всего: 34
Можно добавить стили:
Код

.ocosh .lb, .ocosh .rb, .ocosh .l, .ocosh .r {
    display: block;
}

P.S. и убрать дубль строки:
Код

.ocosh .lt { width: 5px; height: 10px; background-image: url(buttonfonl.gif); }



Это сообщение отредактировал(а) webster - 29.8.2008, 15:20
PM MAIL   Вверх
bars80080
Дата 29.8.2008, 15:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
ахтунг, smartov, до такой подлянки мог бы и не догадаться

спасиб большое
PM MAIL WWW   Вверх
bars80080
Дата 29.8.2008, 15:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
webster, твой вариант короче, он нормально на отдельной странице отпахал, но почему-то в среди других стилей отвалились крайние границы. что-то их выдавливает. решил не разбираться восемь рисунков по границам нормально встали
PM MAIL WWW   Вверх
SelenIT
Дата 29.8.2008, 23:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 97
Всего: 401
Цитата(bars80080 @  29.8.2008,  15:57 Найти цитируемый пост)
восемь рисунков

Достаточно 3-х (один на все уголки, один на вертикальные полоски и один на горизонтальные) + background-position, на самом деле. Меньше запросов - быстрее загрузка...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
bars80080
Дата 29.8.2008, 23:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

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


 




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


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

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