IE6 CSS kodo pritaikymas

Taigi tokia turiu problemėle.

"Deganęčioje lapėje man rodo viską gerai ,o IE6 nesamones rodo,kaip tai reiktu išspersti su PNG transparency kurie yra background-image: ......

ir kaip ispresti man margin? nes tarpai visai ne tokie kokie yra...

Meniu kodas

#main_menu ul {
   float: left;
width:auto;
margin:0 auto;
margin-top:10px;
}
#main_menu ul li {
   float: left;
margin-left:85px;
}

FORMOS html kodas

 <div id="form">
       <form action="form_action.asp" method="get">
       <div class="info"><input type="text" style="background-color: transparent; border: solid 0px #FFF; width:228px;" maxlength="20" name="name"/></div>
       <div class="info"><input type="text" style="background-color: transparent; border: solid 0px #FFF; width:228px;" maxlength="20" name="name"/></div>
       <div class="info"><input type="text" style="background-color: transparent; border: solid 0px #FFF; width:228px;" maxlength="30" name="name"/></div>
       <div class="message"><TEXTAREA NAME=name COLS=7 ROWS=3 style="background-color: transparent; border: solid 0px #FFF; width:215px;">
</TEXTAREA> 
         </div>
		<div class="submit"><input type="image" src="images/buttons/submit.png" name="submit" /></div></form>
         </div>

FORMOS css kodas

#form {
width:308px;
height:445px;
position:absolute;
top:200px;
float:right;
z-index:1;
background:url(../images/others/form.png) no-repeat;
padding-top:70px;
padding-left:30px;
}

#form .info{
background-image:url(../images/others/input.png);
background-repeat:no-repeat;
width:238px;
height:42px;
margin-top:10px;
padding-left:10px;
padding-top:10px;}

#form .message{
background-image:url(../images/others/mesage.png);
background-repeat:no-repeat;
width:238px;
height:92px;
margin-top:10px;
padding-left:10px;
padding-top:5px;}

#form .submit{
margin-left:20px;
}

ir kodel note paveiksliukas nepasistumia zemyn ,o palindes po forma,gal nereguoja padding IE6?

Mozila

IE6

Ačiū labai

pradžiai prieš pradedant kodavimą būtina visada nusiresetinti visą CSS formavimą. Tada rašyti tvarkingą CSS kodą, perskaičius prieš tai pagrindinius, atvaizdavimo naršyklėse, skirtumus...

 

kas dėl permatomumo, galima naudoti keletą gudrybių:

http://net.tutsplus.com/articles/news/5-easy-ways-to-tackle-ie6s-transparency-issues/

 

kodėl tu formoje naudoji "position:absolute;" ? :huh:

Nuresetinima naudoju..

O ką siūlai vietoje absolute? Man reik kad ta forma butu virs headerio kaip ir nuotraukoje.

Beje nelabai man gaunasi padaryti input vieta kur meesage ilga rasosi...

pradžiai prieš pradedant kodavimą būtina visada nusiresetinti visą CSS formavimą. Tada rašyti tvarkingą CSS kodą, perskaičius prieš tai pagrindinius, atvaizdavimo naršyklėse, skirtumus...

 

kas dėl permatomumo, galima naudoti keletą gudrybių:

http://net.tutsplus.com/articles/news/5-easy-ways-to-tackle-ie6s-transparency-issues/

 

kodėl tu formoje naudoji "position:absolute;" ? :huh:

Isbandziau tavo ta duota JS bet jis kazkaip nenori man veikti o kodas lyg ir normalus ar jis netaiso is skirtingu css failu?

#form .info{
background:url(../images/others/input.png) no-repeat;
width:238px;
height:42px;
margin-top:10px;
padding-left:10px;
padding-top:10px;}

Tai nieks nepadesit?

Su buttonais susitvarkiau vietoje float parases display:inline;

Šiaip http://ie6countdown.com/ tik kinai ir indai ie6 dar naudoja ;))

anyway yra simple hackai ten marginams, paddingams keisti sakysim turi ten margin-left:10px; jei darašysi dar _margin-left:18px; tai bus skirta grynai ie6

Šiaip http://ie6countdown.com/ tik kinai ir indai ie6 dar naudoja ;))

 

anyway yra simple hackai ten marginams, paddingams keisti sakysim turi ten margin-left:10px; jei darašysi dar _margin-left:18px; tai bus skirta grynai ie6

Skaciau katik kad jei yra floatas su margin ,galiuma visa tai istaisyti parasant

display:inline;

Reikes pabandyti ar pades nes tada nebeturetu margin dvigubas buti.

nu man ir koduojant būna kad per firefox atitaikai margin viskas čiki, ant ie rodo 2px per aukštai.

bet ant ie ir kitoki šriftai, kažkoki kaip sublurinti, gal jis kitaip skaičiuoja pixelius?

Dėl to "vietoje absolute" - yra z-index artibutas, kuris nurodo, kokia svarba turi būti rikiuojami elementai. Kuo reikšmė didesnė, tuo aukščiau iškeliamas elementas.

Dėl to "vietoje absolute" - yra z-index artibutas, kuris nurodo, kokia svarba turi būti rikiuojami elementai. Kuo reikšmė didesnė, tuo aukščiau iškeliamas elementas.

Iskilo kita problema...

Sukures forma su input na matote pavizdyje ,jiem naudojau divus ir juose bg.

su tokiu kodu pritaikyta IE6

   background:transparent;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='kazkokia_nuotrauka.png');

Cia sneka eina apie IE6

Bet nuo tokio CSS kodo man input pasidare NO CLICKABLE,kaip ispresti sia problema????

Ar bandei kaip sakiau pasidaryti?

 

dėl NO CLICKABLE, keletas pirmų pranešimų:

http://www.google.lt/#hl=lt&biw=1429&bih=888&sa=X&ei=YLWSTY7sDsndsgbD-5DQBg&ved=0CBUQBSgA&q=non+clickable+filter%3Aprogid%3ADXImageTransform.Microsoft.AlphaImageLoader&spell=1&fp=d5bfa31e6a66c66e

Na nelabai ka padejai su sita nuoroda ieskojau ir taip googleje,bet nelabai ka pasiseke rasti ir koki koda irasyti ad viskas pasitaisytu