obtékání obrázku v IE

Ale jo, tuší. protože nemáš definován styl pro tiskárnu, a ve stylu připojeném k dokumentu neuvádíš, k čemu se má přidružit (k obrazovce, k mobilu, k tiskárně?), použije se jenom na obrazovku. Čili, máš dvě možnosti, nalinkovat styl takto:

<link rel="stylesheet" href="kutnohorska.css" type="text/css" media="screen, projection, print"/> , čímž pro obrazovku i tiskárnu pošleš stejný styl, ale to ti moc nedoporučuji.

Logičtější a lepší je pro tískárnu vytvořit vlastní styl, kde třeba skryješ věci, které se tisknout nemusí (typicky navigace webem, reklama atd.) a to tímto způsobem (to media právě určuje, kam bude výstup stránky proveden - screen je obrazovka atd.):

<link rel="stylesheet" href="kutnohorska.css" type="text/css" media="screen, projection"/>
<link rel="stylesheet" href="tisk.css" type="text/css" media=" print"/>

a v souboru tisk.css si nadefinuješ jiný styl pro tiskárnu. Vyzkoušej, je to jednoduché, protože pro tiskový styl ti postačí pár řádků a určitě se nesnaž tisknout stránku tak, jak vypadá na obrazovce, zaměř se jenom na podstané informace.

Příklad - je myslím zbytečné tisknout navigaci, takže v souboru print.css uvedeš mimo jiné:

#menu {
display:none;
}

a zkus náhled před tiskem, uvidíš, že menu zmizí. Podobně postupuj u obrázků, prostě jim dem také float.

Nezapomeň ale velikost písma definovat raději v PT.

http://interval.cz/serial.asp?serial=47