CSS Pagalba

Sveiki, iskilo toke beda:

Taip rodo ant operos:

http://i55.tinypic.com/5ujxiw.jpg

O taip ant firefox:

http://i52.tinypic.com/28rywwl.jpg

Kodas:

#login { background: url(../images/loginbg.png) repeat-x; width: 100%; height: 24px; padding: 4px 0 0 0; }
#login input.text { 
 border: #666 1px solid; 
 width: 120px;
 padding: 2px 3px 2px 3px; 
 margin: 0px 0px 0px 0px; 
 font-size: 11px; 
 font-family: Arial, Helvetica, sans-serif;
}
#login input.button { 
 border: #666 1px solid; 
 padding: 2px 5px 2px 5px; 
 font-size: 11px; 
 font-family: Arial, Helvetica, sans-serif; 
}

Kaip padaryti, kad ant abieju rodytu vienodai nes, kad ir ka statytau vistiek kreivai stovi. :)

Sveiki, iskilo toke beda:

 

Taip rodo ant operos:

http://i55.tinypic.com/5ujxiw.jpg

 

O taip ant firefox:

http://i52.tinypic.com/28rywwl.jpg

 

Kodas:

#login { background: url(../images/loginbg.png) repeat-x; width: 100%; height: 24px; padding: 4px 0 0 0; }
#login input.text { 
 border: #666 1px solid; 
 width: 120px;
 padding: 2px 3px 2px 3px; 
 margin: 0px 0px 0px 0px; 
 font-size: 11px; 
 font-family: Arial, Helvetica, sans-serif;
}
#login input.button { 
 border: #666 1px solid; 
 padding: 2px 5px 2px 5px; 
 font-size: 11px; 
 font-family: Arial, Helvetica, sans-serif; 
}

 

Kaip padaryti, kad ant abieju rodytu vienodai nes, kad ir ka statytau vistiek kreivai stovi. :)

ir visa tai "baisiai" iškraipo visą dizainą? Bent jau aš nematau tame problemos...

ir visa tai "baisiai" iškraipo visą dizainą? Bent jau aš nematau tame problemos...

na nebaisiai bet nelabai graziai atrodo...

Sveiki, iskilo toke beda:

 

Taip rodo ant operos:

http://i55.tinypic.com/5ujxiw.jpg

 

O taip ant firefox:

http://i52.tinypic.com/28rywwl.jpg

 

Kodas:

#login { background: url(../images/loginbg.png) repeat-x; width: 100%; height: 24px; padding: 4px 0 0 0; }
#login input.text { 
 border: #666 1px solid; 
 width: 120px;
 padding: 2px 3px 2px 3px; 
 margin: 0px 0px 0px 0px; 
 font-size: 11px; 
 font-family: Arial, Helvetica, sans-serif;
}
#login input.button { 
 border: #666 1px solid; 
 padding: 2px 5px 2px 5px; 
 font-size: 11px; 
 font-family: Arial, Helvetica, sans-serif; 
}

 

Kaip padaryti, kad ant abieju rodytu vienodai nes, kad ir ka statytau vistiek kreivai stovi. :)

Pabandykit uždėti mygtukui aukštį.

Pabandykit uždėti mygtukui aukštį.

tas pats gaunasi :)

line-height, padding ir margin. Vienos naršyklės padding jungia prie elemento aukščio, kitos ne, todėl ir keičiasi aukščiai ant skirtingų naršyklių.

line-height, padding ir margin. Vienos naršyklės padding jungia prie elemento aukščio, kitos ne, todėl ir keičiasi aukščiai ant skirtingų naršyklių.

tai kaip supratau padaryti, kad vienodai rodytu neimanoma vistiek kazkuo skirsis :)