Tag PRE

13.1.2005 19:22 | Přečteno: 1000× | Abc

Již dlouhou dobu nás trápí občasné problémy vznikající kvůli nešetrnému používání tagu PRE. Když do tohoto tagu někdo uzavře část diskuzního příspěvku s velmi dlouhým řádkem, roztáhne se stránka do pravé strany, takže ostatní příspěvky je těžké číst, protože vybočují daleko za okraj okna prohlížeče. Když se takový příspěvek objeví v diskuzi pod článkem, vezme s sebou do pekel i celý článek.

Ve starém designu to bylo obzvláště špatné, protože díky tomu mizel i celý pravý sloupec. Ten už teď nemáme (díky čemuž je i více místa a k odsunutí mimo stránku dojde až při opravdu dlouhém řádku), ale přesto to působí problémy. Až doposud jsme to řešili tak, že admini procházeli diskuze a ručně výskyty rozbitého layoutu opravovali.

Pak jsem (na návrh jednoho čtenáře) vložil do CSS pro všechny tagy PRE atribut overflow:auto, který by měl na neposlušné oblasti umístit automaticky (podle potřeby) posuvník. Bohužel se ukázalo, že každý prohlížeč si to s posuvníky vykládá jinak. Mozilla/Firefox má problémy se scrollováním pomocí kolečka, je-li kurzor nad PRE, IE posuvníky cpe všude a Konqueror ukrajuje posuvníkem poslední řádek... Takže jsem parametr overflow zase zrušil. A asi nezbyde než každý případ i nadále řešit ručně.

       

Komentáře

[xpj]

Skrolování tohoto typu ve Firefoxu je od jednoho z nočních buildů vyřešeno a funguje (osobně testuji viz. Firefox - jedena z nejvíce obtěžujících "vlastností" vyřešena !.

A je to bug 97283...

[Robert Krátký]

Tak teď ještě zbývá Konqueror a IE. Protože nápravy v IE se asi hned tak nedočkám, ocenil bych aspoň ten Konqueror...

[zabza]

Co lidi do <pre> tagu dávají? Já tam vždycky kopíruju cut&paste věci z xtermu. Tam je to zalomené na 80 znaků, ale když to pastnu do té textarea, tak se to "odlomí." Nestačilo by natvrdo lámat řádky na 80 (resp. 132, když má někdo framebuffer s malýma písmenkama ) znaků?

[Robert Krátký]

Např. různé výpisy logů. Ty mají občas i 250 znaků na řádce. To je pak veselo.

[LS]

white-space: -moz-pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: break-word;

Me to podobny problem pomohlo vyresit.

LS