Jak přizpůsobit velikost textu oblasti?

Na stránkách www.translatorium.cz se snažím v hlavičce stránky vložit text, ale v různých prohlížečích se mi zobrazuje různě velký, takže v některých prohlížečích je malý a v některých přesahuje oblast hlavičky. Z toho co jsem nastudoval, jsem pochopil, že každý z prohlížečů zobrazuje velikost písma různým způsobem. Chtěl bych se zeptat, zda je možné zadat velikost písma tak, aby se text vešel do zvolené oblasti.

To, že to je nastavením prohlížeče, to chápu a jsem s tím smířený a protože každý si to nastavení může udělat individuálně, tak jsem se tomu chtěl přizpůsobit.

Přišel jsem pouze na dvě možnosti: buď šířku přizpůsobit velikosti písma, jak navrhujete a jednotky zadat např. pomocí čtverčíků a nebo celou hlavičku vytvořit jako obrázek.

První způsob se mi nelíbil, protože jsem chtěl mít stránky široké cca 800px (teď už přesně nevím proč, ale nejspíš jsem to někde vyčetl na JPW) a důvod proč to tak mít mi přišel rozumný. Druhý způsob se mi nelíbí, protože stejně musím text nějak vložit pro případ, že má někdo vypnuté zobrazování obrázků a navíc se zbytečně stránky zvětší o obrázek, který se musí načítat.

Proto jsem chtěl najít způsob, jak mít možnost ovlivnit velikost písma podle velikosti oblasti do které ji chci zobrazit, jako je to možné u jiných značkovacích jazyků, jako je třeba TeX.

Děkuji za radu, zkusím to tak předělat. Vlastně jsem o tom už taky přemýšlel, ale nějak jsem si nebyl jist, zda se mi to podaří zkombinovat s tím obrázkem, tak jsem to nejdřív udělal absolutně pozicované, abych si ušetřil přemýšlení.

Tak jsem to předělal, téměř všude jsem zrušil absolutní nebo relativní pozicování a styly se výrazně zjednodušily a o třetinu zmenšily. A zdá se, že to funguje.

Ale narazil jsem na problém. Jak na stránkách, kde nemám žádné podmenu (např. Úvod ) nastavit velikost modrého proužku tak, aby byla stejná jako na stránkách, kde podmenu je (Služby). Zatím jsem to přibližně řešil pomocí min-height, ale to není přesné.

Je možné vložit něco, jako neviditelný text, který by proužek roztáhl na požadovanou výšku, ale který by se v případě, že se stránka zobrazí bez stylů nezobrazil?

No právě, na to jsem nepřišel jak. Když nastavím výšku pomocí height a v prohlížeči bude nastavená velikost písma větší než mám nastavenou já, tak se mi tam text nevejde.

Děkuji za všechny rady. Snad už to mám vyřešeno. Stačilo si uvědomit, že min-height se musí rovnat součtu line-height , padding-top a padding-bottom a už to začalo vycházet.