Kulaté rohy v CSS a JavaScriptu

Objevil jsem zajímavý návod, který umožňuje vytvářet zaoblené hrany vpodstatě okolo jakéhokoli prvku. Stačí připojit JavaScriptový soubor, zavolat jednoduchou funkci a je hotovo. Co je skvělé, funguje to naprosto dokonale v IE, Opeře i Firefoxu. Můžete si zvolit, zda chcete zaoblit všechny čtyři rohy nebo jenom některé, zda použít vyhlazování hran, průhlednost, rámeček, můžete si nastavit barvu atd.

Jediný problém, na který jsem narazil, bylo špatné vykreslování v IE, pokud nebyla zadána pevná šířka objektu. Například prostřední část každé stránky na tomto webu tvoří bílé rámečky s textem. Jejich šířka se mění podle toho, jak je velké okno prohlížeče. A právě zde byl problém. Vykreslilo se horní a spodní zaoblení, avšak obsah rámečku jakoby po stranách přetíkal o několik bodů. Vzhledem k tomu, jak jsem potřeboval, aby se rámečky natahovaly, nemohl jsem pomocí CSS zadat pevnou šířku v pixelech. Vlastnosti margin-right a margin-left nepomáhaly. Po bezesné noci a půl dni bádání nakonec stačilo upravit umísťování jednotlivých částí stránky a rámečkům nastavit width:100%. Ještě jednou podotýkám, že Opery ani Firefoxu se tento problém netýkal.

Budu rád, pokud se mi ozvete v případě, že tato informace byla k něčemu užitečná...

29. března 2007: Na Maxiorlovi už kulaté rohy nenajdete, nicméně doufám, že těchto pár řádků někomu pomůže...