Резместване под ИЕ и проблем с *.png

V

vmastera

Registered
Започнах един дизайн всичко ОК разцепих си го с Фотошоп-а прехвърлих картинките в CSS да са като фон почнах да добавям ссдържанието и всичко това си го гледах с лисицата НИКАКЪ ПРОБЛЕМ!!! Взех че го погледнах през скапаното ИЕ получава се разместване под всички версии а за по старите от 7-ца и пнг-тата не им отчита опаситито :( пробвах два вариянта
http://www.twinhelix.com/css/iepngfix/ и
http://homepage.ntlworld.com/bobosola/pnghowto.htm
Та и двата не станаха ще бъда много благодарен ако някой ми каже как да оправч проблемите ето и линк към въпросния дизайн ЦЪК

ПС:Критики не искам относно дизайна :wink:
 
За png-то на всеки елемент, за който искаш да го фикснеш пишеш това в CSS

.klasa_na_elementa
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='direktoriika/kartiniika.png');
}

.klasa_na_elementa[class] {
background-image:url('direktoriika/kartiniika.png');
}
Увеличете...

Промени си само това в червено.
 
FestarBG каза:
http://web-tourist.net/login/login/view.php?st=1554
Увеличете...

Така първо ще се зареди страницата и след това ще се оправи. Заради това, че скрипта се залага на onload събитието. Което означава, че докато се зареди всичко пак ще го има сивия фон. Ако си го зададеш директно в CSS файла няма да го има този бъг.
 
Защо се получи толкова тъмно? Потъмняха картинките. А и под 800х600 не излиза както трябва смачква го :oops:
Едит:Сега видях че и в средата линковете към песните на работят вече :cry:
 
vmastera каза:
Защо се получи толкова тъмно? Потъмняха картинките. А и под 800х600 не излиза както трябва смачква го :oops:
Едит:Сега видях че и в средата линковете към песните на работят вече :cry:
Увеличете...

На мен ми излиза еднакво с ie6 и FF2 с изключение на сбиването. Няма никакво потъмняване.
 
Потъмняването се получава от това че е оказано два пъти да чете картинката
Код: 
td.t1
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/index_01.png');
} 
td.t1[class] {
background:url(images/index_01.png) #bfb2b2;
background-repeat: no-repeat;
color:#000000;
width: 152px;
height: 278px;
}
Поне аз така мисля :roll:
Този ред действа за ИЕ
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/index_01.png'
А този и за двата ФФ и ИЕ
background:url(images/index_01.png) #bfb2b2;

Разместването под ИЕ се получава от това че са пнг и въпроса ми е как да го направя за всеки браузер да чете различните редове?надявам се да сте ме разбрали :idea:
 
аз с малко думи ще кажа, неправилно структуриране, явно тага <center> не работи добре под всички браузъри :)
 
Не просто предлагам M$ са си шибнат ИЕ отз*д. Немога да разбера защо ФФ няма никакви проблеми а ИЕ винаги има абсолютно та нали всички се стремят към еднакви стандарти защо винаги ИЕ са назад :x

ПС:StormBreaker +1 благодаря ти, сега остана лекото разместаване да оправя :) и всичко е ок :?:
 
Ами Експлорер 6 , който е наи масов на бг пазара( така мисля) няма автоматичен ъпдейт, а модзилата се ъпдейтва редовно.Ето експлорер 7 е малко по-добър, ама си е пълна боза и той.Все пак Микрософт са нещо като монопол и си мислят че могат да си праят техни неща, затова са назад.
 
vmastera каза:
Потъмняването се получава от това че е оказано два пъти да чете картинката
Код: 
td.t1
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/index_01.png');
} 
td.t1[class] {
background:url(images/index_01.png) #bfb2b2;
background-repeat: no-repeat;
color:#000000;
width: 152px;
height: 278px;
}
Поне аз така мисля :roll:
Този ред действа за ИЕ
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/index_01.png'
А този и за двата ФФ и ИЕ
background:url(images/index_01.png) #bfb2b2;

Разместването под ИЕ се получава от това че са пнг и въпроса ми е как да го направя за всеки браузер да чете различните редове?надявам се да сте ме разбрали :idea:
Увеличете...

Не е така за потъмняването. FF не чете filter:, а IE игнорира декларации след които има [class]. Ти с коя версия на IE го гледаш ? Аз с 6. То при 7 си е оправено PNG-то.

EDIT:: Сега виждам, че си задал твоя CSS само в td.t1[class] за това се размества. Направи го така:

td.t1
{
background-color: #bfb2b2;
background-repeat: no-repeat;
color:#000000;
width: 152px;
height: 278px;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/index_01.png');
}
td.t1[class] {
background-image: url(images/index_01.png);
}
Увеличете...
 
Ех защо немога да ти дам още една точка ;) оправи се мерси много
ПС:Под ИЕ 6 се оправи а под ИЕ7 остана леко разместване но не си личи много :wink:
 
vmastera каза:
Ех защо немога да ти дам още една точка ;) оправи се мерси много
ПС:Под ИЕ 6 се оправи а под ИЕ7 остана леко разместване но не си личи много :wink:
Увеличете...

Сблъсках се скоро с този проблем и затова знам точно какво ми свърши работа.
 
използваш отделен файл със стил САМО за ie6 и няма да ти се ебава под останалите браузъри, апък и валидатора ще чете кода като валиден(заради коментара при инклудване на файла)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе