Avoiding Tab Spillage Evitare la fuoriuscita scheda

Regular commentator on Sciencetext, Hsien-Hsien Lei of Regolare commentatore a Sciencetext, Hsien-Hsien di Lei DNA news blog eyeondna.com DNA notizie blog eyeondna.com alerted me to the fact that the tabbed navigation on our sibling site Sciencebase.com spills over if users set a larger than default screen font for in their browser. mi ha avvisato del fatto che la navigazione a schede sul nostro sito fratello Sciencebase.com sversamenti se gli utenti più di impostare un più grande schermo di default per il font nel loro browser. In Firefox, you can change display font size very easily simply by using the Control key in conjunction with the + or - keys. In Firefox, è possibile modificare le dimensioni dei caratteri molto facilmente, semplicemente utilizzando il tasto Ctrl, in combinato disposto con il + o - chiavi. A Control-0 will bring you back to default. Un controllo-0 vi riporterà a default.

The tabs on Sciencebase work nicely at default font size, spanning the logo neatly, with nothing spilling over or being to short for the header. Le schede a Sciencebase lavoro ben al di default dimensione del carattere, che copre il logo ordinatamente, con nulla di più di spargimento o in corso a breve per l'intestazione. But, just one font size up makes the Geeky Bits tab bar spill on to a second line, totally ruining the effect. Ma, una sola dimensione del carattere fino rende il geeky Bits scheda ricadute sulla barra di una seconda linea, totalmente rovinare l'effetto. I am working on it right now, and you might find that by the time this post appears, it will be fixed. Sto lavorando su di esso proprio ora, e potreste scoprire che il tempo di questo post sembra, sarà fisso.

But, it got me thinking, do other sites fail the font text for those people who have bigger or smaller font settings? Ma, mi ha pensare, fare altri siti non il tipo di carattere di testo per tutti coloro che sono più grandi o più piccoli il font impostazioni? They most certainly do Che la maggior parte certamente fare JohnTP.com , one of my favorite bloggers’ blogs, if you Control-+ it will lose most of its upper menu above the top of the screen and you cannot scroll to retrieve it. , Uno dei miei preferiti blogger 'blog, se si Control-+ è destinata a perdere la maggior parte dei suoi superiori menu di sopra della parte superiore dello schermo e non è possibile scorrere fino a recuperarla. There is lots of spillage of the sidebar menu over on Non vi è un sacco di fuoriuscita di menu Sidebar oltre a technology news site BlahBlahTech tecnologia sito di news BlahBlahTech too, although nothing goes missing. troppo, anche se non va mancante.

Some sites cope very well. Alcuni siti affrontare molto bene. Sciencetext itself works just fine at one font size up, although nudge it too and things are not quite so glamorous. Sciencetext sé opere bene in una sola dimensione dei caratteri, anche se è troppo nudge e le cose non sono così glamour. Digital Inspiration Ispirazione digitale too, seems to work perfectly even with several upward nudges of font size as does the troppo, sembra funzionare perfettamente anche con più di nudges verso l'alto la dimensione dei caratteri così come la Pure Blogging Puro Blogging site, as does SciScoop.com, at least for one nudge up. sito, così come SciScoop.com, almeno per un nudge.

Basically, the problem boils down to one of scalability. Fondamentalmente, il problema si riduce a uno di scalabilità. If the web designer or creator of a theme allows fonts to be scaled rather than fixing them, then at some bigger than default font size setting displaying the page will take it beyond the readily readable. Se il web designer o creatore di un tema consente di font di essere scalate, piuttosto che risolverli, poi a un certo più grande di font di default impostazione del formato di visualizzare la pagina si è al di là del facilmente leggibile. However, setting static font sizes is not the answer as that simply removes the benefits for those who like to read at a large font size and you are liable to turn them off. Tuttavia, l'impostazione delle dimensioni di carattere statico non è la risposta che semplicemente come rimuove i benefici per coloro che, come recita un font grande dimensione e si sono passibili di disattivali.

The answer is to ensure your site’s theme is scalable, but give the tabs, links, and navigation enough room to move around when someone ups the ante, otherwise there could be some serious spillages. La risposta è di garantire il tuo sito il tema è scalabile, ma dare le schede, link, navigazione e spazio sufficiente per muoversi quando qualcuno up ante, altrimenti vi potrebbero essere alcune gravi spandimenti.