Под IE перфектно, а под Mozila с няколко пиксела по надоло..

[justspy]

Значи проблема е следният .. кодирам едни котиики от един дизайн .. и под IE кутийката си излиза перфектно.. а под Mozila излиза няколко пиксела по надоло .. около 15-20.. ето кода :

#podmenu2
{
background: url(../img/podmenu2.gif) no-repeat;
height: 44px;
width: 561px;
line-height: 37px;
font-weight: Bold;
margin: -460px 0 15px 195px;
}

 

[shterev]

махни тоя маргин! сложи един родителски елементи на тоя елемент и му задай стойностите от маргина, самоче да е падинг.

дриг вариянт е следня


{

*margin: ; -- работи само под ие-тата
margin:; --останалите браузъри
}

 

[justspy]

нете разбрах .. направи го върху кода .. няма значение по кой начин ..

 

[shterev]

#podmenu2
{
background: url(../img/podmenu2.gif) no-repeat;
height: 44px;
width: 561px;
line-height: 37px;
font-weight: Bold;
*margin: -460px 0 15px 195px;
margin: -440px 0 15px 195px; /* за ФФ и останалите без ИЕ*/
}

 

[justspy]

значи така несе получава .. значи да ти дам настройките .. под mozila се вижда идеално така :

#podmenu2
{
background: url(../img/podmenu2.gif) no-repeat;
height: 44px;
width: 561px;
line-height: 37px;
font-weight: Bold;
margin: -477px 0 15px 195px;
}

а под Opera и IE се вижда идеално така :

#podmenu2
{
background: url(../img/podmenu2.gif) no-repeat;
height: 44px;
width: 561px;
line-height: 37px;
font-weight: Bold;
margin: -460px 0 15px 195px;
}

 

[shterev]

#podmenu2
{
background: url(../img/podmenu2.gif) no-repeat;
height: 44px;
width: 561px;
line-height: 37px;
font-weight: Bold;
*margin: -460px 0 15px 195px;
margin: -477px 0 15px 195px;
}

 

[justspy]

нестава .. така под Mozila е идеално а под Opera и IE не е ..

 

[shterev]

за кое ИЕ говориш?

п.с. един съвет, избягвай да ползваш маргин.

 

[justspy]

несам сигорен коя версия е .. но и под опера се бъгва като IE и с какво да замествам margin ..

 

[I_V_O]

Какво е #podmenu2 ? Задай му display: block/inline в зависимост от това какво е.

 

[trevata]

#podmenu2
{
background: url(../img/podmenu2.gif) no-repeat;
height: 44px;
width: 561px;
line-height: 37px;
font-weight: Bold;
margin: -460px 0 15px 195px;
margin: -440px 0 15px 195px !important;
}

 

[justspy]

и така нестава ..

 

[DeathGuard_]

#podmenu2
{
background: url(../img/podmenu2.gif) no-repeat;
height: 44px;
width: 561px;
line-height: 37px;
font-weight: Bold;
margin: -460px 0 15px 195px;
margin: -440px 0 15px 195px !important;
}

Какъв е смисълът от margin-а без !important, като браузъра няма да го гледа въобще щом види !important :roll:

 

[trevata]

#podmenu2
{
background: url(../img/podmenu2.gif) no-repeat;
height: 44px;
width: 561px;
line-height: 37px;
font-weight: Bold;
margin: -460px 0 15px 195px;
margin: -440px 0 15px 195px !important;
}

Какъв е смисълът от margin-а без !important, като браузъра няма да го гледа въобще щом види !important :roll:

IE го гледа без !important

 

[shterev]

Добре де! При мен как работи?!? Гворя за *margin. Като не ти харесва как стои, другия номер е да преструктурираш малко хтмл-то. Както и казах още в 1-вия ми пост. Слагаш един див в хтмл , да е родител на тоя елемент и му задаваш падинг.

 

[shterev]

#podmenu2
{
background: url(../img/podmenu2.gif) no-repeat;
height: 44px;
width: 561px;
line-height: 37px;
font-weight: Bold;
margin: -460px 0 15px 195px;
margin: -440px 0 15px 195px !important;
}

Какъв е смисълът от margin-а без !important, като браузъра няма да го гледа въобще щом види !important :roll:

IE го гледа без !important

Грешиш!

 

[justspy]

по никой начин неми става бе пичове. . и да кажа под IE излиза добре s -460px а под Mozila -477px

 

[DeathGuard_]

Какъв е смисълът от margin-а без !important, като браузъра няма да го гледа въобще щом види !important :roll:

IE го гледа без !important

Грешиш!

Как ще греша - щом разчете !important въобще няма да му пука на браузъра за другия маргин а ще присвои този с important.. Иначе смисълът му се губи..

 

[shterev]

@DeathGuard_ не говорех на теб.