Form file e css (IE Vs Firefox)

[cichity74]

Vorrei sapere per quale motivo firefox non accetta gli stili sui campi file
lo style è il seguente:

.form_file {
	font-size: 11px;
	width: 300px;
	height: 18px;
	margin: 4px;
	border: 1px solid #666666;
}

lo style viene interpretato in modo differente da firefox rispetto ad ie.

[thomas_anderson]

IE e FF hanno due diverse interpretazioni. L'intepretazione di IE è dovuta a questo:

http://gabrieleromanato.altervista.o...inglayout.html

la proprietà hasLayout del rendering engine di IE. FF accetta gli stili sui campi di file, solo che occorre usare degli accorgimenti:

1. rendere flottanti <label> e i due <input>
2. racchiudere il tutto in un <div> o

con gli stili dichiarati.

Esempio: http://www.pixy.cz/blogg/clanky/css-...andlabels.html

[cichity74]

Grazie per i suggerimenti ma non vi sono esempi diretti sui campi file

<input type="file" name="foto" class="form_file" />

potresti farmi un esempio con un css funzionante ???

grazie anticipatamente
cichity74

[thomas_anderson]

Puoi provare in diversi modi:

1) racchiudi i contenitori in <span> con display: block e float:left. occhio che l'ereditarietà è bizzarra in questi casi;
2) dai display: block e float: left all'input;
3) lasciando la visualizzazione inline ci sono dei problemi: IE e FF considerano gli elementi come inline, mentre Opera come inline-block. Di default IE tende a stringere il contenitore sul contenuto.

Esempi ne potrò fare fra qualche giorno, quando li metterò online. un sito dove puoi andare a vedere è The Man in Blue (tutto attaccato). ci sono molti esempi. oopure digita form css o form con i css sul motore di Html.it. ci sono gli ottimi articoli di Alessandro Fulciniti a riguardo. ciao

[cichity74]

Originariamente inviato da thomas_anderson
.........................
Esempi ne potrò fare fra qualche giorno, quando li metterò online. un sito dove puoi andare a vedere è The Man in Blue (tutto attaccato). ci sono molti esempi. oopure digita form css o form con i css sul motore di Html.it. ci sono gli ottimi articoli di Alessandro Fulciniti a riguardo. ciao

Grazie per i suggerimenti...
farò qualche ricerca mirata su html.it
p.s: per quanto riguarda il tuo progetto (The Man in Blue) fammi sapere quando è online
su google ho trovato un artico interessante sull'argomento (http://www.quirksmode.org/dom/inputfile.html) spero possa esserti utile per il tuo progetto.

cichity74

[thomas_anderson]

grazie 1000!