Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Смещение в опере
 
 автор: ddhvvn   (30.01.2007 в 19:35)   письмо автору
 
 

В общем опять смотрим мой "красочный" макет! :)))

Проблема в том, чтор картинка справа (выделено синим) должна быть нижней стороной плотно прилеплена к красной полосе. Картинка имеет абсолютное позиционирование.
В IE и NN все отлично, а вот в опере картинка упорно съезжает вниз на 1-2 px :( Если поднимаю выше, то в опере все ок, а в IE и NN соответственно "улетает" вверх на эти 1-2 px!
Как исправить?

   
 
 автор: AlexSol   (30.01.2007 в 21:35)   письмо автору
 
   для: ddhvvn   (30.01.2007 в 19:35)
 

если есть наработки html, то еще и их крепи.

вот советы, позволяющие избежать ряда продлем:
*body,html{margin:0;padding:0}
*для всех элементов H1-6, p и т.д. указывать высоту шрифта, отступы в явном виде.
* если опера и лиса отображают не так, как ie, то делаем так:

/*пример*/
p{
margim-top:10px;
*margim-top:20px;
}

вторую запись поймет тока IE

   
 
 автор: Lelik   (30.01.2007 в 21:44)   письмо автору
 
   для: AlexSol   (30.01.2007 в 21:35)
 

лучше так

p{
margin-top:10px;
//margin-top:20px;



или так

p{
margin-top:10px;
margin-top:20px;

   
 
 автор: AlexSol   (30.01.2007 в 21:47)   письмо автору
 
   для: Lelik   (30.01.2007 в 21:44)
 

в 'или так' фигню написал. так первоо проигнорируют все.
я еще видел mar\gin-top:20px; ))

кстати есть хаки тока для ie6 и тока для ie7 , но не помню где видел, а инфа важная...

   
 
 автор: 12345   (30.01.2007 в 22:06)   письмо автору
 
   для: AlexSol   (30.01.2007 в 21:47)
 

Зачем хаки , если есть механизм:
(Для чисто IE могут работать и хаки для краткости.)
<!--[if gt IE 5]>
<style>...{...;}</style>
<![endif]-->

<!--[if gte IE 7]> --больше или равно 7
<style>...{...;}</style>
<![endif]-->

<!--[if lt IE 6]>--меньше 6
<style>...{...;}</style>
<![endif]-->

<!--[if IE]> --любая версия
<style>...{...;}</style>
<![endif]-->

   
 
 автор: AlexSol   (30.01.2007 в 22:10)   письмо автору
 
   для: 12345   (30.01.2007 в 22:06)
 

затем, что это не отдельные таблицы стилей, а одно-два свойства во внешнем css.

   
 
 автор: Lelik   (30.01.2007 в 22:34)   письмо автору
 
   для: AlexSol   (30.01.2007 в 21:47)
 

в 'или так' фигню написал. так первоо проигнорируют все.
в общем, исходил из такого

...
cursor:pointer;
cursor:hand;
...

ФФ и Опера принимают cursor:pointer; ИЕ cursor:hand;

   
 
 автор: AlexSol   (30.01.2007 в 22:38)   письмо автору
 
   для: Lelik   (30.01.2007 в 22:34)
 

ie 5 как и NN думаю можно забыть.
cursor:hand; понимает тока эксплорер, поскольку нет такого свойства.

ie6+ отлично работает с cursor:pointer;

   
 
 автор: Lelik   (30.01.2007 в 22:41)   письмо автору
 
   для: AlexSol   (30.01.2007 в 22:38)
 

руководился тем, что ФФ и Опера принимают первое значения стиля ИЕ второе (если такое есть)

   
 
 автор: AlexSol   (31.01.2007 в 09:52)   письмо автору
 
   для: Lelik   (30.01.2007 в 22:41)
 

второе и последующие переопределяют предыдущие, если они указывают на теже свойства.

   
 
 автор: 12345   (31.01.2007 в 11:39)   письмо автору
 
   для: AlexSol   (30.01.2007 в 22:38)
 

> ie 5 как и NN думаю можно забыть.
IE5 нельзя забывать, довольно многие работают по крайней мере с IE5.5. Например, установлена XP со старого диска. С этим массово приходилось встречаться. Рядовые пользователи чата жалуются на ошибки, которые возникают с версией IE5.5, и таких много (в России).

   
 
 автор: AlexSol   (31.01.2007 в 11:50)   письмо автору
 
   для: 12345   (31.01.2007 в 11:39)
 

в плане js возможно. по стилям в ie 5.5 не работает только margin:0 auto; что не смертельно. а проверять под 5 просто нет возможности.

   
 
 автор: ddhvvn   (31.01.2007 в 16:29)   письмо автору
 
   для: AlexSol   (31.01.2007 в 11:50)
 

Стоп. Что-то Вы меня запутали:))
Я так понял, что можно отжельно задать св-во для IE с NN и для Opera
Так как мне сделать следующее

top: 12px //для IE & NN
top: 10px //для Оперы
?

   
 
 автор: Lelik   (31.01.2007 в 16:35)   письмо автору
 
   для: ddhvvn   (31.01.2007 в 16:29)
 


top: 12px; //top: 10px;


для ФФ и ОПеры первое свойство, для ИЕ после двойного слеша

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования