Tecnica 62.5% del font al body e impossibillità di ridurre i font del footer

[gabar-el]

Ciao, non riesco a capire se sto riscontrando qualche bug css su firefox o cosa.
Sta di fatto che ho delle grosse incongruenze di dimensioni nel footer di un progetto.
Ho utilizzato la tecnica del 62.5% nel body.
Al momento mi ritrovo che su ff non riesco a diminuire il font dei testi di destra in alcun modo (la cosa curiosa è che riesco a ingrandirli).
Inoltre tra ff e chrome ci sono discprepanze nelle dimensioni dei testi di tutto il footer.
Il sito web in fase di progettazione è visibile a questo link.
Grazie

[fcaldera]

ma tutto quello che hai fatto tu è stato dire al body di avere un font al 62,5% della grandezza base: visto che ogni browser ha una sua grandezza base come puoi ottenere una resa omogenea così?

quello che forse volevi fare tu era settare SOLO su IE il font a 62,5%(ovvero a 10px essendo a 16px di base) per sopperire ad un problema di resize del browser che non funziona quando viene settato con una unità di misura assoluta

quindi l'idea è
body { font-size: 10px; *font-size: 62,5% }

da li in poi i font-size andrebbero definiti con unità relative (%, em o rem sui nuovi browser)

[gabar-el]

In realtà volevo applicare il 62.5% per semplificarmi le impostazioni dei font con unità di misure relative a livello matematico. Così se voglio un font di 12px mi basterà inserire 1.2em senza dovere fare troppi calcoli.

Comunque non sapevo quanto mi hai detto di IE, grazie.

Non so se quando hai osservato il sito fosse down. Purtroppo il plugin qTranslate una volta disattivato crea grosse problematiche di conflitto. Al momento puoi vedere il footer e noterai che volendo rimpicciolire il font delle informazioni di copyright non ci si riesce (almeno su ff - sono su ubuntu, ma mi pare che anche con win non sia diverso).

Ecco, è questo il mio problema che attualmente non riesco a risolvere: creare uniformità cross browser nelle dimensioni del font del footer.

[fcaldera]

Originariamente inviato da gabar-el
Così se voglio un font di 12px mi basterà inserire 1.2em senza dovere fare troppi calcoli.

sì , ma questo funziona se e solo se il font di base è 16px come su explorer
su chrome / firefox / opera / safari invece questo può non essere vero. Per questo si fissa a 10px eccetto IE

[gabar-el]

Ho capito, ignoravo questa specifica.
Il mio problema però rimane: non riesco a rimpicciolire i font del footer.

[Mich_]

Tieni presente che i browser hanno una dimensione minima dei font, sotto alla quale non vanno.

Di solito tale dimensione e` impostabile dall'utente, ma non e` modificabile dal programmatore della pagina.

[gabar-el]

Si ma vorrei solo impostare una dimensione di 9px.
E comunque come dicevo a inizio thread riscontro questo problema solo su ff; su chrome riesco a rimpicciolire il testo tranquillamente. Se fosse dato dai limiti del browser come potrei ovviare a questo problema? Come si può vedere nel footer necessito che il testo del copy si più piccolo, altrimenti non riesco a stare nella griglia del layout.

[Mich_]

Non puoi imporre all'utente una capacita` visiva definita.
Se uno non vede i caratteri cosi` piccoli, non puoi imporglieli. Tieni presente che la dimensione dei caratteri dipende fortemente dalla dimensione del px, che puo` essere molto diversa da monitor a monitor.

Per come la vedo io, devi cambiare il modo di realizzare la tua griglia, con le solite tecniche del layout fluido.

In FF puoi modificare la dimensione minima dei caratteri: sulla versione che ho in questo momento si fa:
preferences > content > font > advanced> minimum font size
(ma in altre versioni potrebbe essere diverso)

[Cl0ud-W4lk3r]

Io utilizzo queste impostazioni iniziali:

html, body {
  width: 100%;
  height: 100%;
  margin: 0; 
  padding: 0;
  font-size: 100%; 
  font-family: sans-serif;     
  line-height: 1; 
}  

body {
  font-size: 62.5%;
}

Eppoi utilizzo gli em per il resto delle impostazioni.

Mi funziona alla perfezione, tranne che per Opera, la quale mi visualizza il font leggermente più grande del dovuto.

Qualche consiglio su come uniformare il tutto?

[Cl0ud-W4lk3r]

Utilizzando i pixel al posto del 62.5% il problema diventa internet explorer (anche il 9...):

  html, body {
    font-size: 12px;
  }

  invece di

  html, body {
    font-size: 62.5%;
  }

Devo per forza fare un foglio di stile sotto commento condizionale per ie? Oppure ho qualche alternativa? (per ie intendo l'8 e il 9, precedenti non mi interessano) >.>