Button - Mozilla vs. IE

[Platypus]

pitanje je vrlo jednostavno (IE, naravno, radi probleme..)

ako imam ovo:

<input name="submit" type="submit" value="Submit">

dobijem isti button u Mozilli i IE-u .. medjutim, ako slucano "Value" povecam na recimo:

<input name="submit" type="submit" value="Submit Nesto">

IE automatski poveca lijevi i desni padding u buttonu dok u Mozilli ostaje isti bez obzira na duzinu tog teksta.. Stvarno mi treba isti padding i u jednom i u drugom browseru pa ako netko zna....

[red]

Hm, ovak, bez isprobavanja, napravi neki class i primijeni ga na gumbek:

Code:

.neki_class {padding:4px;}

Code:

<input class="neki_class"...

[Platypus]

da pojasnim... padding je po difoltu 0 (iako je u IEu veci, on to shvaca kao 0).. ako stavim 4 povecat ce se i u jednom i u drugom browseru tako da necu dobiti nista..

[imbrod]

Probaj sa
padding: 0px

a probaj i postaviti fiksnu sirinu
width: 50px

[Platypus]

padding je 0px, ali ga IE ne prikazuje kao 0.. fiksnu sirinu ne mogu zadati jer ne znam koji tekst dolazi u button..

[imbrod]

onda probaj umijesto buttona koristiti tablicu samo s 1 poljem koja sadrzi link na submit forme (a href="javascript:document.form1.submit()" gdje umijesto form1 upisi naziv svoje forme) i dodijeli tablici cellpadding=0 i nek ti ona "glumi" button.

[che.UP]

imbrod wrote:

onda probaj umijesto buttona koristiti tablicu samo s 1 poljem koja sadrzi link na submit forme (a href="javascript:document.form1.submit()" gdje umijesto form1 upisi naziv svoje forme) i dodijeli tablici cellpadding=0 i nek ti ona "glumi" button.

zasto za to koristit tablicu pobogu? i sta ce ljudi koji nemaju ukljucen js?

[Platypus]

1. Treba mi button.
2. Ne znam koji tekst ide unutra tako da ne mogu staviti "width: 50px".
3. Mora izgledati jednako u svim browserima.

[red]

Dunno, ja sam zadovoljan izgledom buttona na svojim sajtovima (provjeravam FF 1.0PR & IE SP2), a mijenjam samo padding i font-family.

BTW kad smo već kod tog, možda nekom bude korisno -> http://www.456bereastreet.com/archive/200409/styling_form_controls/

[Platypus]

red wrote:

Dunno, ja sam zadovoljan izgledom buttona na svojim sajtovima (provjeravam FF 1.0PR & IE SP2), a mijenjam samo padding i font-family.

zadovoljan sam i ja kad imam nesto tipa "submit", "cancel" i slicno... ali probaj namjestiti da ti button na kojem pise "submit submit submit" izgleda jednako u IEu i Mozilli... Znaci, kad je duzi tekst u IEu je veci lijevi i desni padding... (iako on to shvaca kao padding od 0px..)

[red]

Yea, bez definiranja widtha je zlo... Ak znaš kolki će ti biti najveći width, definiraj tako, ako ne, sliježem ramenima.

[Platypus]

Ne znam nista. Znam samo da padding mora biti isti bez obzira kakav je tekst unutra... Ali nitko ne zna kako to napraviti...

[zytzagoo]

koji ti je doctype definiran?

[imbrod]

Cekaj - idemo ispocetka:
Koju Mozillu koristis?
(bitno je - ove prije se vise ponasaju ko NS, a ova nova Firefox vise ko IE)

[imbrod]

Evo ti jedno rjesenje (ako je bitno samo da razmak bude isti u oba browsera, a da ne mora biti 0), testirao sam na IE i Mozilli 1.5:

function risajzaj() {
mylen=document.form1.submit.value.length*8;
document.form1.submit.style.width=mylen;
}

i onda u body stavi:
onLoad="risajzaj()"

gdje naravno moras 'form1' zamijeniti nazivom svoje forme, a u body-ju ako ima vise funkcija koje se pozivaju onLoad, ovu stavi prvu (ili bolje zadnju jer ako je neki drugi browseri nece podrzavati, da pukne tek na kraju)
nije najsretnije rjesenje, ali bar priblizno, a osim toga kao sto je rekao che, dzaba sve to ako klijent ne podrzava javascript...

[Platypus]

javascript izbjegavam

style="overflow: visible;"

donekle rjesava problem... zasto? tko zna, ipak je to IE.. enivej, ostao je jedan problem.. imam 2 buttona koji se nalaze u polju tablice za koje vrijedi "align=right" .. kad stavim ovaj dio koda sa "overflow" onda mi se tablica prosiri pa ako netko ima rjesenje za to..

[maxy]

imbrod wrote:

Evo ti jedno rjesenje (ako je bitno samo da razmak bude isti u oba browsera, a da ne mora biti 0), testirao sam na IE i Mozilli 1.5: function risajzaj() { mylen=document.form1.submit.value.length*8; document.form1.submit.style.width=mylen; } i onda u body stavi: onLoad="risajzaj()" gdje naravno moras 'form1' zamijeniti nazivom svoje forme, a u body-ju ako ima vise funkcija koje se pozivaju onLoad, ovu stavi prvu (ili bolje zadnju jer ako je neki drugi browseri nece podrzavati, da pukne tek na kraju) nije najsretnije rjesenje, ali bar priblizno, a osim toga kao sto je rekao che, dzaba sve to ako klijent ne podrzava javascript...

rjesenje problema je da se browser natjera da radi u strict modeu (doctype + dtd se treba navesti).
sad, rjesenje ovog drugog problema jos ne znam jer nisam probao reproducirati gresku.